/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}
/*

CSS Questions?
--------------
Email frank@nitido.com

*/

/****( @layout Layout-specific CSS )*****************************************************/
*{
	margin: 0;
	padding: 0;
}

body,html {
	width: 100%;
	min-width: 770px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

ul,li{
	list-style: none;
}

.hidden{
    display: none;
}

/****( Padding for buttons )*************************/
.button{
	position: relative;
	top: 4px;
	left: 4px;

	top: 1px; /* For compressed .actionsBar */
}

input.searchInput{
	position: relative;
	top: 5px;
}

img.button{
	margin-top: 4px;
	padding-right: 5px;
}

img.buttonLeft{
	margin-top: 4px;
}

img.buttonRight{
	margin-top: 4px;
	margin-right: 5px;
}

#preloadSpan{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 599;
}

#preloadTable{
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 600;
}

.preloadContent{
/*	position: absolute;*/
/*	top: 269px;*/
	left: 0;
	width: 100%;
	padding-bottom: 44px;
	margin-top: 6em;
}

#preloadAd{
	margin-top: 30px;
}

#nContainer{
	height: 100%;
}

#nHeader{
	width: 100%;
	overflow: hidden;
	height: 40px;
	position: relative;
	z-index: 100;
}

#logo{
	text-indent: -999em;
	float: left;
}

#nHeader ul{
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-left: 30px;
}

#nHeader ul li{
	display: inline;
	padding-right: 10px;
}

/* -----( web search )----- */
#webSearch{
	float: right;
	width: 40%;
	position: absolute;
	top: 15px;
	right: 20px;
}

#webSearch label{
	padding-right: 5px;
}

#wsSubmit{
	position: relative;
	top: 4px;
	left: 4px;
}

/* -----( top navigation )----- */
#nTopNav{
	height: 30px;
	position: relative;
	z-index: 10;
/*	overflow: hidden;*/
}

#navTabs{
	float: left;
	width: 79%;
	width: auto;	/* Allows mailQuota module to align next to tabs */
	padding: 4px 3px 0px;
	margin: 2px 5px 2px 0;
	
	float: right;
	text-align: right;

	display: none;

	/* Fixes resizing issue when shrinking fonts */
/*	bottom: 3px;
	position: absolute;
	right: 0;*/
}

#navTabs li{
	display: inline;
}

#navTabs li a{
	padding: 4px 25px 6px;
}

#userDetails{
	position: absolute;
	right: 0;
	width: 35%;
	text-align: right;
	margin-top: 5px;
}

#userDetails li{
	display: inline;
	padding: 0 10px;
}

#welcomeMsg{
}

/* -----( footer )----- */
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
	height: 25px;
	width: 100%;
	overflow: hidden;
}

/****( @frameset Frameset Positioning CSS )*****************************************************/
#frameset, 
#inner-frame,
#drag-bar-1,
#drag-bar-2,
#mail-drag-bar-1,
#mail-drag-bar-2,
#contacts-drag-bar-1,
#contacts-drag-bar-2,
#settings-drag-bar-1,
.drag-bar-vert {
	position: absolute;
	z-index: 1;
	top: 77px;
	bottom: 20px;
	overflow: hidden;
	width: 100%;
	right: 0;
    background: #fff;
}

#frame-1,
#inner-frame-1,
#mail-frame-1,
#contacts-frame-1,
#settings-frame-1 {
	height: 100%;
	width: 25%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background: #979797;
}

#frame-1-1,
#inner-frame-1-1,
#mail-frame-1-1,
#contacts-frame-1-1,
#settings-frame-1-1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1;
	bottom: 85px;
	background: #fff;
	border-top:0px; /* merged from 167-vendor-call diff */
    /* Used to hide the ads bar module */
	bottom: 7px;
}

#frame-1-2,
#inner-frame-1-2,
#mail-frame-1-2,
#contacts-frame-1-2,
#settings-frame-1-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 85px;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	background: #fff;
	color: white;

    /* Used to hide the ads bar module */
	display: none;
}
/* merged from 167-vendor-call diff */
#frame-2,
#inner-frame-2,
#mail-frame-2,
#contacts-frame-2,
#settings-frame-2,
#calendar-frame-2{    
	height: 100%;
	width: 75%;                 
	overflow: hidden;
	position: absolute;
	left: 25%;
	top: 0;
	background: #fff;
	z-index: 1;
}
/* merged from 167-vendor-call diff */
#mail-frame-2,
#contacts-frame-2,
#settings-frame-2,
#calendar-frame-2{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	background: #fff;
	z-index: 1;
}

#frame-2-1,
#inner-frame-2-1,
#mail-frame-2-1,
#contacts-frame-2-1,
#settings-frame-2-1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	color: #232323;
	height: 41%;
	background: #fff;
	
	/* Testing border issue */
/*	border: 1px solid #333;*/
}

#frame-2-2,
#inner-frame-2-2,
#mail-frame-2-2,
#contacts-frame-2-2,
#settings-frame-2-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	z-index: 2;
	background: #515151;
	color: #232323;
	background: #fff;

	height: 58%;
/* Testing border issue */
/*border: 1px solid #333;*/
}

/****( Frame contents CSS )*****************************************************/
#frame-1 .bd-ext,
#inner-frame-1 .bd-ext,
#mail-frame-1 .bd-ext,
#contacts-frame-1 .bd-ext, 
#settings-frame-1 .bd-ext{
	padding: 0;
}

#frame-2 .bd-ext,
#inner-frame-2 .bd-ext,
#mail-frame-2 .bd-ext,
#contacts-frame-2 .bd-ext,
#settings-frame-2 .bd-ext{
	padding: 0 0 0 10px;

	padding: 0 0 0 5px;
	
	padding: 0;	/* xSplitter does not require 5px on left edge */
}

.bd-ext {
	padding: 0 20px;
}

/****( Resize Pane Bars )*****************************************************/
#drag-bar-1,
#mail-drag-bar-1,
#contacts-drag-bar-1,
#settings-drag-bar-1,
.drag-bar-vert {
	position: absolute;
	z-index: 100;
	top: 77px;
	left: 25%;
	width: 10px;
	cursor: pointer;
	cursor: col-resize;
	overflow: hidden;
	border-top: none;

	/* Prevents text-selection when resizing panes */
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	
	top: 0;
	bottom: 0;
	width: 1px;
}

#drag-bar-2,
#mail-drag-bar-2,
#contacts-drag-bar-2,
.drag-bar-horiz {
	position: absolute;
	z-index: 1;
	top: 42%;
	left: 0;
	width: 100%;
	height: 3%;
	cursor: pointer;
	cursor: row-resize;
	overflow: hidden;
	border-bottom: none;
	border-top: none;
	
	height: 1%;
	
	/* Prevents text-selection when resizing panes */
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	
	height: 9px;
}

/* -----( "grip" dots )----- */
#drag-bar-2 span,
#mail-drag-bar-2 span,
#contacts-drag-bar-2 span,
.drag-bar-horiz span{
	width: 100%;
	height: 9px;
	display: block;
}

#drag-bar-1 span,
#mail-drag-bar-1 span,
#contacts-drag-bar-1 span,
#settings-drag-bar-1 span,
.drag-bar-vert span {
	width: 1px;
	display: block;
	position: absolute;
	top: 45%;
/*	z-index: 200;*/
	height: 44px;
}

/****( 1st Frame - Top - Positioning CSS )*****************************************************/

/* button bar - sprites */
ul.toolbar li.button, ul.toolbar li.dd-button{
	float:left;
	background:url(static/images/buttons/bg_button.gif) no-repeat 0px 0px;
	margin:0 3px 0 0;
	padding: 0 0 0 1px;
/*	For Webmail  */
	padding: 0 0 1px 1px;
	list-style: none;
}
/* merged from 167-vendor-call diff */
ul.toolbar li.link {
    background:none;
}

ul.toolbar li.button a, ul.toolbar li.dd-button a{
	float:left;
   	display:block;
	color:#000;
	padding: 2px 8px 2px 3px;
	background: url(static/images/buttons/bg_button.gif) no-repeat 100% 0px;
	text-decoration:none;
}
/* merged from 167-vendor-call diff */
ul.toolbar li.link a {
    background:none;
    color:#0000FF;
    text-decoration:underline;
}

/* Reset for dropdown lists */
ul.toolbar li.button ul li,
ul.toolbar li.button ul li a,
ul.toolbar li.dd-button ul li,
ul.toolbar li.dd-button ul li a{
	background-image: none;
}

ul.toolbar li.button a span, ul.toolbar li.dd-button a span{
	padding: 2px 0 2px 19px;
	font-size: 85%;
	font-size: 11px;
	display: block;
	position: relative;
	cursor: pointer;
}

/* iconless buttons require no left-padding */
ul.toolbar li.button a.no-icon span{
	padding-left: 1px;
}
/* merged from 167-vendor-call diff */

ul.toolbar li.button a.no-icon span, ul.toolbar li.button a span.no-icon{
	padding-left: 2px;
}

ul.toolbar li.button a span.dropdown{
	padding: 0 15px 0 0;
	background: url(static/images/dropdown.gif) no-repeat 100% 0%;
}

ul.toolbar li.button:hover, ul.toolbar li.active, ul.toolbar li.dd-button:hover{
	background: url(static/images/buttons/bg_button.gif) no-repeat 0 -51px;
}

ul.toolbar li.button a:hover, ul.toolbar li.active a, ul.toolbar li.dd-button a:hover{
	background: url(static/images/buttons/bg_button.gif) no-repeat 100% -51px;
}

/* merged from 167-vendor-call diff */ 
ul.toolbar li.link a:hover,
ul.toolbar li.link:hover{
    background:none;
}

/* Disabled state */
ul.toolbar li.disabled a{
	color: #999;
	cursor: not-allowed;
}

ul.toolbar li.disabled, ul.toolbar li.disabled:hover{
	background: url(static/images/buttons/bg_button.gif) no-repeat 0 -101px;
}

ul.toolbar li.disabled a, ul.toolbar li.disabled a:hover{
	background: url(static/images/buttons/bg_button.gif) no-repeat 100% -101px;
}

ul.toolbar li.disabled a span.dropdown{
	padding: 0 15px 0 0;
	background: url(static/images/dropdown.gif) no-repeat 100% -16px;
}

ul.buttonBar{
	margin:0;
   	list-style:none;
	padding: 10px 10px 0 10px;
/* For Webmail: ul.buttonBar */
	padding: 3px 0 0;
	list-style: none;
}

/* Dropdown buttons */
ul.toolbar li.dd-button{
	padding: 0px;
	margin-left: -4px;

	margin-left: -1px;
	margin-top: 1px;
}

ul.toolbar li.dd-button a{
	padding: 2px 5px 2px 3px;
}

ul.toolbar li.dd-button a span{
	padding: 0 3px;
	font-size: 100%;
	background: url(static/images/dropdown.gif) no-repeat 100% 0%;
}

/* -----( sidebar items )----- */
.sideItem, #adsBar{
	padding: 10px;
	margin-left: 5px;
}

.sideItem h2{
	position: relative;
	white-space: nowrap;
	padding-bottom: 10px;
}

.sideItem h2 span.dropdown{
	padding-right: 25px;			
}

.sideItem h2 span.option{
	position: absolute;
	right: 0;
}

.sideItem ul.listing{
	margin-top: 5px;
}

.sideItem ul.listing li{
	padding: 2px 0;
	position: relative;
	white-space: nowrap;
	
	width: 100%;	/* fixes IE's overflow issue with lengthy folder/group names */
	
	padding: 0;
    text-overflow: ellipsis;
}

.sideItem ul.listing li span.option{
	position: absolute;
	right: 0;
}

.sideItem ul.folders li,
.sideItem ul.groups li,
.sideItem ul.feeds li{
	position: relative;
}
/* merged from 167-vendor-call diff */
.sideItem div.folder_c,
.sideItem div.group_c,
.sideItem div.calendar_c,
.sideItem div.feed_c,
.sideItem div.settings_c{
    padding: 3px 0;
    display: block;
}

.sideItem ul.folders li span.folderEdit,
.sideItem ul.groups li span.groupEdit,
.sideItem ul.feeds li span.feedEdit{
	position: absolute;
	right: 0;
	top: 2px;
	display: none;
}

.sideItem ul.folders li input.editable,
.sideItem ul.groups li input.editable,
.sideItem ul.feeds li input.editable{
	width: 90%;
}

.sideItem ul.folders li div,
.sideItem ul.groups li div,
.sideItem ul.feeds li div{
	margin-top: 2px;
}

.sideItem ul.folders li input.editBtn,
.sideItem ul.groups li input.editBtn,
.sideItem ul.feeds li input.editBtn{
	clear: left;
}

/* Folder/Group Counts */
.sideItem ul li{
	position: relative;
	margin: 3px 0;
}

.sideItem ul li span.count{
	position: absolute;
	right: 0;
	top: 4px;
	text-align: center;
	top: 3px;
}

.sideItem ul li span.capsule_left{
	padding: 1px 2px;
}

/****( 2nd Frame - Top - Positioning CSS )*****************************************************/
#topHeading, .topHeading{
	height: 101px;

	height: 73px;
	/* allow overlap of dropdown menus above msg header and contact list */	
	position: relative;
	z-index: 10;
	
	height: 63px;	/* For compressed .actionsBar */	
}

/* -----( top pane title bar )----- */		
#titleBar, .titleBar{
	padding: 0 10px;
	height: 36px;
/*	overflow: hidden; */  /* merged from 167-vendor-call diff */
	position: relative;
}

#titleBar h2, .titleBar h2{
	float: left;
	margin-right: 1.5em;
	margin-top: 10px;
	bottom: 4px;
}

.viewStatus{
	margin-right: 1em;
	margin-left: 1em;
	display: inline;
}

#searchTool, #msgsFolderSearch, #cntsGroupSearch{
	float: left;
	position: absolute;
	right: 32px;
	bottom: 6px;
}

#searchTool .button, #msgsFolderSearch .button, #cntsGroupSearch .button{
	position: relative;
	top: 6px;
}


ul#helpLinks{
	float: right;
	position: relative;
	height: 30px;
	top: -10px;
	right: 10px;
	width: 195px;
}

ul#helpLinks li{
	display: inline;
	padding-right: 3px;
	padding-left: 3px;
}

ul#helpLinks #help{
/*	padding-left: 7px;*/
}

/* -----( top pane actions (button) bar )----- */
#actionsBar, .actionsBar, .searchBar, .inputBar{
	padding: 0 10px;
	height: 35px;
/*	overflow: hidden;*/
	position: relative;
	
	height: 30px;	/* For compressed .actionsBar */
	z-index: 3;
}

#actionsBar ul, .actionsBar ul, .searchBar ul, .inputBar ul{
	float: left;
	width: 100%;
	line-height: 1;
}

.searchBar ul{
	width: auto;
}

#actionsBar a, .actionsBar a, .searchBar a, .inputBar a{
	display: block;
}

#actionsBar ul li, .actionsBar ul li, .searchBar ul li, .inputBar ul li{
/*	display: inline;*/
	float: left;
}

/* Dropdown list for Check Mail */

#optionsBar{
	padding: 0 10px;
	height: 24px;
	position: relative;
}

#paging, #cntsPaging, .paging{
	float: right;
	position: relative;
	padding-top: 3px;
	margin-top: 4px;
	
	/* Fixes wrap issue */
	position: absolute;
	right: 10px;
}

#paging a, #cntsPaging a, .paging a{
	display: inline;
}

/* -----( scrollable area [ie: gridlisting] )----- */		
#scrollMeTop, .scrollMeTop{
	position: absolute;
	top: 98px;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	z-index: 2;
    border-top: 1px Solid #999;
	top: 73px;
	
	top: 67px;	/* For compressed .actionsBar */	
}

scrollVert, .scrollVert{
    border-top: 1px Solid #999;
}

#inboxHead, #contactsHead{
	height: 20px;
}

#gridWrapper, .gridWrapper{
	position: absolute;
	top: 20px;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 3;
}

#inboxHeading, .gridListing, #contactsHeading, #contactsGrid{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

#gridListing{
	border-collapse: separate;
	border-spacing: 0 1px;	
}

#inboxHeading, #contactsHeading{
	height: 20px;
}

#inboxHeading th, #contactsHeading th{
	padding: 0 5px;
	margin: 0;
}

#inboxHeading th.size, #contactsHeading.mobile{
	border-right: none;
}
/*edited by groades      */
#inboxHeading th.sortable:hover, #contactsHeading th.sortable:hover,
#inboxHeading th.sortable-numeric:hover, #contactsHeading th.sortable-numeric:hover,
#inboxHeading th.sortable-currency:hover, #contactsHeading th.sortable-currency:hover,
#inboxHeading th.sortable-date:hover, #contactsHeading th.sortable-date:hover{
	cursor: pointer;
}

.gridListing tr.alt, .gridListing tr.alt{
}

#inboxHeading td, .gridListing td, #contactsHeading td, .gridListing td{
	padding: 3px 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}

#inboxHeading th.checkbox, .gridListing td.checkbox{ width: 5%; text-align: center; }
#inboxHeading th.attachment, .gridListing td.attachment{ width: 5%; text-align: center; }
#inboxHeading th.priority, .gridListing td.priority{ width: 5%; text-align: center; }
#inboxHeading th.sender, .gridListing td.sender{ width: 23%; }
#inboxHeading th.subject, .gridListing td.subject{ width: 35%; }
#inboxHeading th.date, .gridListing td.date{ width: 20%; }
#inboxHeading th.size, .gridListing td.size{ width: 7%; }

#contactsHeading th.checkbox, #contactListing .gridListing td.checkbox{ width: 5%; text-align: center; }
#contactsHeading th.name, #contactListing .gridListing td.name{ width: 20%; }
#contactsHeading th.email, #contactListing .gridListing td.email{ width: 30%; }
#contactsHeading th.home, #contactListing .gridListing td.home{ width: 15%; }
#contactsHeading th.work, #contactListing .gridListing td.work{ width: 15%; }
#contactsHeading th.mobile, #contactListing .gridListing td.mobile{ width: 15%; }

#inboxHeading th a, #inboxHeading th a:visited, #contactsHeading th a:visited{ 
}

/* -----( margin offset for when scrollbar appears within gridlisting )----- */
.scrollFX{
	margin-right: 16px;
}


/****( 2nd Frame - Bottom - Positioning CSS )*****************************************************/
#msgArea, #cntArea{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

#bottomHeading, .bottomHeading{
/*	height: 104px;*/
	overflow: hidden;
/*	overflow: auto;*/
}

#bottomViewer, .bottomViewer{
	padding: 0 20px;
}

/* View Pane Area */
#fullHeaders{
/*	margin-top: 5px;*/
	padding: 5px 10px 5px 20px;
	position: relative;
	z-index: 3;
	overflow: hidden;
}

#shortHeaders{
	padding: 3px 10px 3px 20px;
	z-index: 30;
	position: relative;
	overflow: hidden;
}

#fullHeaders dt, #shortHeaders dt{
	float: left;
	width: 70px;
	padding: 1px 0;
	clear: left;
}

#fullHeaders dd, #shortHeaders dd{
	/* float: left; */
	padding: 1px 0;
}

/* Bottom Pane Action options */
#shortHeaders dd#itemOptions{
	float: none;
	width: 225px;
	height: 25px;
	position: absolute;
	right: 0;
	z-index: 10;
	bottom: 0;
	top: 4px;
}

#shortHeaders dd#showHeaders {
	float: none;
	width: 225px;
	height: 25px;
	position: absolute;
	right: 0;
	z-index: 10;
	bottom: 0;
}

/*#itemOptions{
	position: absolute;
	right: 0;
	width: 130px;
	z-index: 10;
	bottom: 0;
	top: 4px;
	border: 1px solid red;
}

#itemOptions li{
	display: inline;
}*/

/* -----( scrollable area [ie: bottomViewer] )----- */		
#scrollMe{
	position: absolute;
	top: 138px;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}

/* iframe email viewer */
#paneViewerWrapper{
	float: left;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: hidden;
}

#paneViewer{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-y: auto;
	overflow-x: auto;	/* auto enables horizontal scroll; hidden disables */
	bottom: 0;
	top: 0;
	left: 0;
	
	/*	z-index: 10;*/
	z-index: 0;	/* Fixes drag bar issues when dragging over iframe */
}

.loadingIndicator{
    margin-left: 10px;
}

.loadingIndicator img{
    margin-top: 5px;
    border: none;
}

#msgLoading{
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 20;
    top: 10px;
    left: 10px;
    display: none;
}

#msgLoading img{
    text-align: center;
    border: none;
}


/****( @opera Opera Workaround for paneViewer )*************************/
/* DESCRIPTION: Fixes 10px jog for paneViwer in Opera 
 *              See: http://virtuelvis.com/archives/2004/01/css-for-opera-7
 */
@media all and (min-width: 0px){
   #paneViewer{
        margin-left: 10px;
   }
}




/*div#actionsBar{
	float: left;
	width: 50%;
	position: relative;
	z-index: 300;
	padding-top: 2px;
}*/

/* merged from 167-vendor-call diff \|/ 4 lines*/
div#searchBar ul li ul.dd li a:link,
div#searchBar ul li.menu ul.dd li a,
div.searchBar ul li ul.dd li a:link,
div.searchBar ul li.menu ul.dd li a,
div#actionsBar ul li ul.dd,
div.actionsBar ul li ul.dd,
div#topNavButtons ul.ddParent li ul.dd{
	margin-left: 0;
	z-index: 500;
}

div#actionsBar ul li ul.dd li a:link, 
div#actionsBar ul li.menu ul.dd li a,
div.actionsBar ul li ul.dd li a:link, 
div.actionsBar ul li.menu ul.dd li a,
div#topNavButtons ul.ddParent li ul.dd li a:link,
div#topNavButtons ul.ddParent li.menu ul.dd li a{
	padding-right: 10px;
	margin-right: 0;
}

/* merged from 167-vendor-call diff \|/ 2 lines*/
div#searchBar ul li ul.dd,
div.searchBar ul li ul.dd,
div#actionsBar ul li ul.dd,
div.actionsBar ul li ul.dd,
div#topNavButtons ul.ddParent li ul.dd{
	position: absolute;
	left: -999em;
	width: 175px;
	*width: 150px;
	background: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #fff;
	padding: 0 0 2px 0;
	margin: 3px 0 0 3px;
	
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
/*	height: 225px;*/
	z-index: 501;
	
    border:solid 1px #c4c4be;
    padding:1px;
}

div#topNavButtons ul.ddParent li.onHover ul.dd{
/*	margin-top: -1px;*/
/*	*margin-top: -1px;*/
}


/* merged from 167-vendor-call diff \|/ 2 lines */
div#searchBar ul li ul.dd li a:link,
div.searchBar ul li ul.dd li a,
div#actionsBar ul li ul.dd li a:link, 
div#actionsBar ul li ul.dd li a,
div.actionsBar ul li ul.dd li a:link, 
div.actionsBar ul li ul.dd li a,
div#topNavButtons ul.ddParent li ul.dd li a:link,
div#topNavButtons ul.ddParent li ul.dd li a{
	width: 150px;
	float: left;
	margin: 0 2px;
	padding: 1px 3px;
	
	width: 100%;
	
	padding: 0px 5px 0 10px;
	margin: 0;
	font-size: 95%;
}

ul.dd li{
	width: 100%;
	clear: left;
	padding: 1px 0;
}

ul.dd li.divider{
	border-top: 1px solid #ccc;
	margin-top: 2px;
	padding-bottom: 2px;
	width: 100%;
}
/* merged from 167-vendor-call diff \|/ 2 lines*/
div#searchBar ul li.onHover ul.dd,
div.searchBar ul li.onHover ul.dd,
div#actionsBar ul li.onHover ul.dd, 
div.actionsBar ul li.onHover ul.dd,
div#topNavButtons ul.ddParent li.onHover ul.dd{
	left: auto;
}

/* merged from 167-vendor-call diff 2 lines */
div#searchBar ul li ul.dd,
div.searchBar ul li ul.dd,
div#actionsBar ul li ul.dd,
div.actionsBar ul li ul.dd,
div#topNavButtons ul.ddParent li ul.dd{
	margin: 20px 0 0;
}

div#topNavButtons ul.ddParent li.onHover ul#newItemMenu{
/*	position: relative;*/
/*	left: -5px;*/
}

/* -----( modal dialog windows [ canvas service ] )----- */
#canvas_modal_dialog{
	position: absolute;
	top: 0;
	left: -100%;
/*	left: 0;*/
	width: 100%;
	height: 100%;
	z-index: 700;
	text-align: center;
	padding-top: 100px;	
}

#canvas_modal_dialog.visible{
	left: 0;
	top: 0;
}

#canvas_modal_dialog div.modalDialog{
	margin-right: 3px;
	position: relative;
}

#canvas_modal_dialog div h2{
	padding: 15px;
	font-size: 110%;
	font-weight: normal;
}

#canvas_modal_dialog div div.modalButtons{
	text-align: center;
	position: relative;
	padding-bottom: 10px;
}

#canvas_dialog_button_group{
	float: right;
	margin-right: 10px;
}

div.shadow{
 	position: relative;
	width: 400px;
	margin: 10% auto 0;
	padding-bottom: 3px;
	text-align: left;
	clear: left;
}

.headersTextAreaCont {
	width:100%;
	border:1px solid #CCC;
	height:150px;
	font-size:11px;
}

/*
	IFrame used to prevent scroll bar bleed on dropdown menus
 */
.menuIFrame{
	display:none;
	position:absolute;
	width:100px;
	height:100px;
	top:-150px;
	left:-150px;
    border: none;
    opacity: 0;
}

/* Modal/Dialog background */
#canvasModalOverlay{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 601;
	text-align: center;
}

#canvasModalBG{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 600;
    background: #fff;
    opacity: 0.3;

    *position:static;
	*opacity:1;
	*background:transparent;
}

/* Custom Dialog/Modal Containers */
.nim-dialog-cont{
    position: absolute;
    z-index: 602;
    width: 45em;
    width: auto;
    margin: 0 auto;
    text-align: left;
}

.nim-dialog-underlay{
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #000;
    visibility: inherit;
    -moz-opacity: 0.35;
    opacity:.35;
    filter: alpha(opacity=35);
    zoom: 1;
    
    *height: expression( this.parentNode.offsetHeight + "px" );
}

.nim-dialog-cont .hd{
    background: #1A94E3;
    padding: 5px 10px;
    color: #fff;
    font-size: 95%;
    zoom: 1;
}

.nim-dialog-cont .bd{
    background: #F6F7EF;
    padding: 10px;
    color: #000;
    font-size: 80%;
}

.nim-dialog-cont .form-input p{
    margin: 5px 0;
}

.nim-dialog-cont .form-input p input.full-length{
    width: 99%;
}

.nim-dialog-cont .ft{
    background: #F6F7EF;
    padding: 0 10px 10px 0;
    color: #000;
    position: relative;
    text-align: right;
    *zoom: 1;
}

.nim-dialog-cont .ft ul{
    float: right;
}

.nim-dialog-cont .messaging{
    padding: 2px 5px;
}

.nim-dialog-cont .error{
    color: #F71C1C;
    background: url(static/images/icons/error.gif) no-repeat 0 0;
    padding-left: 22px;
}


/* --------------------------------------- =Clear Floats Without Structural Markup ------- */
.clrfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clrfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clrfix {height: 1%;}
.clrfix {display: block;}
/* End hide from IE-mac */


#IELeakGarbageBin{
	display: none;
	height: 0;
}
/*

Webmail Typography Styles

*/

/****( @type Typography-specific CSS )*****************************************************/

ul,li,h1,h2,h3,h4,h5,h6,address,p {
	font-size: 100%;
}

body,html {
	font-family: arial, sans-serif;
	font-size: 100%;
}

a{
}

a:visited{
}

body a img{
}

#nHeader{
}

#nHeader a{
}

#logo{
}

#nHeader ul{
	font-size: 70%;
}

#nHeader ul li{
}

/* -----( web search )----- */
#webSearch{
	font-size: 75%;
}

#webSearch label{
	font-size: 85%;
}

#wsSubmit{
}

.button{
}

/* -----( top navigation )----- */
#nTopNav{
}

#navTabs{
}

#navTabs li{
}

#navTabs li a{
	font-weight: bold;
	font-size: 85%;
}

#navTabs li.dropdown a{
}

#navTabs li.active a{
}

#userDetails{
}

#userDetails li{
	font-size: 80%;
}

#welcomeMsg{
}

/* -----( footer )----- */
#footer {
}

/****( @frameset Frameset Type CSS )*****************************************************/
#frameset,#drag-bar-1,#drag-bar-2 {
}

#frame-1 {
}

#frame-1-1 {
}

#frame-1-2 {
}

#frame-2 {
}

#frame-2-1 {
}

#frame-2-2 {
}

/****( Resize Pane Bars )*****************************************************/
#drag-bar-1 {
}

#drag-bar-2 {
}

/* -----( "grip" dots )----- */
#drag-bar-2 span{
}

#drag-bar-1 span{
}

/****( 1st Frame - Top - Typography CSS )*****************************************************/

/* -----( sidebar items )----- */
#sideButtons{
}

#sideButtons input{
}

.sideItem, #adsBar{
}

.sideItem h2{
	font-size: 110%;
}

.sideItem h2 span.dropdown{
}

.sideItem h2 span.option{
	font-size: 90%;
	font-weight: normal;
}

.sideItem ul.listing{
}

.sideItem ul.listing li{
}

.sideItem ul.listing li span.option{
	font-size: 95%;
	font-weight: normal;
}

.sideItem ul.folders li{
}

/****( 2nd Frame - Top - Typography CSS )*****************************************************/
#topHeading{
}

/* -----( top pane title bar )----- */		
#titleBar, .titleBar{
}

#titleBar h2, .titleBar h2{
	font-weight: normal;
	font-size: 120%;
}

#viewStatus{
	font-size: 75%;
}

#searchTool{
}

ul#helpLinks{
}

ul#helpLinks li{
	font-size: 100%;
}

ul#helpLinks #help{
}

/* -----( top pane actions (button) bar )----- */
#actionsBar{
}

#actionsBar .button{
}

#optionsBar{
	font-size: 95%;	
}

#paging, #cntsPaging{
	font-size: 95%;
}

/* -----( dropdown menu )----- */
div.dropdown{
	font-size: 95%;
}

/* -----( scrollable area [ie: gridlisting] )----- */		
#inboxHeading, .gridListing{
	font-size: 95%;
}

/****( 2nd Frame - Bottom - Positioning CSS )*****************************************************/
#bottomHeading{
}

#bottomViewer{
}

/* View Pane Area */
#fullHeaders{
}

#shortHeaders{
}

#fullHeaders dt, #shortHeaders dt{
}

#fullHeaders dd, #shortHeaders dd{
}

#fullHeaders .subject{
	font-weight: bold;
}

/* Bottom Pane Action options */
#itemOptions{
}

#itemOptions li{
}

/* -----( scrollable area [ie: bottomViewer] )----- */		
#scrollMe{
}

/* iframe email viewer */
#paneViewerWrapper{
}

#paneViewer{
}
#subCanvasSettings .scrollMe{
	position: absolute;
	top: 37px;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}

#settingsPaneBot{
	float: left;
	position: absolute;
	top: 0;
	left: 10px;
	right: 0px;
	bottom: 0;
	z-index: 10;
	overflow: hidden;
}

/* subCanvasSettings.css,v 1.1 2006/08/10 14:48:02 raymond Exp */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	position: relative;
 	display:none;
	z-index: 10;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	width: 75%;
}
.tabberlive {
	width: 85%;
	margin: 0 auto;
	margin-top:1em;
	z-index: 11;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #999;
 font-size: 100%;
 *margin-top: 1px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 1em 4px;
 *padding-bottom: 3px;
 margin-left: 8px;
 border: 1px solid #999;
 border-bottom: none;
 background: #DFEAF4;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #ADD5FE;
 border-color: #999;
}

ul.tabbernav li.tabberactive a
{
 color: #000;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 10px;
/* border:1px solid #999;*/
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#subCanvasSettings .settingsPage h3{
	display: block;
	font-size: 95%;
	margin: 2em 0 1em;
}

#subCanvasSettings .settingsPage {
    position:relative;
}

#subCanvasSettings .settingsPage ul{
/*  margin: .5em 0;*/
}

#subCanvasSettings .settingsPage ul li{
/*  margin: .5em 0;*/
}

#subCanvasSettings .settingsPage ul ul{
/*  margin-left:  1em;*/
}

#subCanvasSettings .split{
	float: left;
	width: 100%;
	clear: both;
	margin: 1em 0 0;
}

#subCanvasSettings .splitLeft{
	width: 49%;
	float: left;
}

#subCanvasSettings .splitRight{
	width: 49%;
	float: right;
}

#subCanvasSettings .settingsPage fieldset{
   border: 0;
   border-top: 2px solid #DFEAF4;
   padding: 10px;
   clear: both;
}

#subCanvasSettings .settingsPage fieldset legend{
   padding: 2px 5px;
   font-weight: bold;
   font-size: 95%;
   background: #DFEAF4;
}

#subCanvasSettings .settingsPage table{
   margin-top: 10px;
   margin-bottom: 10px;
   width: 100%;
   table-layout:fixed;
}

#subCanvasSettings .settingsPage table.settingsTable th{
   text-align: right;
   border-right: 1px solid #DFEAF4;
   border-bottom: 1px solid #DFEAF4;
   padding: 10px 10px;
   vertical-align: top;
   width: 200px;
}

#subCanvasSettings .settingsPage table.settingsTable th label{
	text-align: right;
	width: 100%;
}	

#subCanvasSettings .settingsPage table.settingsTable tr.actions th{
   border: none;
}

#subCanvasSettings .settingsPage table.listing th{
	background: #DFEAF4;
	text-align: left;
	padding: 3px;
}

#subCanvasSettings .settingsPage table.listing th.actions{
    width: 50px;
}

#subCanvasSettings .settingsPage table.listing td{
	border-bottom: 1px solid #ccc;
	padding: 3px;
}

#subCanvasSettings .settingsPage p{
	margin: 3px 0;
}

#subCanvasSettings .settingsPage table.settingsTable td{
   text-align: left;
   padding: 10px 0 10px 10px;
   vertical-align: top;
/*   width: 300px;*/
}

/* merged from 167-vendor-call diff */
#subCanvasSettings .settingsPage ul.radioList li{
    position: relative;

}

#subCanvasSettings .settingsPage ul.radioList label{
    position: absolute;
    top: 0px;
}

#subCanvasSettings .settingsPage table.settingsTable td input[ type="text" ],
#subCanvasSettings .settingsPage table.settingsTable td select{
	margin-top: 2px;
}
#subCanvasSettings .settingsPage table.settingsTable span.hint{
	font-size: 90%;
	display: block;
	color: #999;
	font-weight: normal;
	margin-top: .5em;
	width: 100%;
}

#subCanvasSettings .settingsPage table.settingsTable td input, 
#subCanvasSettings .settingsPage table.settingsTable td select, 
#subCanvasSettings .settingsPage table.settingsTable td textarea,
#subCanvasSettings .settingsPage select.fullWidth{
   width: 99%;
}

#subCanvasSettings .settingsPage input[ type="text"], 
#subCanvasSettings .settingsPage select, 
#subCanvasSettings .settingsPage textarea{
	border: 1px solid #989898;
}

#subCanvasSettings .settingsPage option{
	margin: 0 4px;
	min-width: 1.5em;
}

#subCanvasSettings .settingsPage table.settingsTable td input[ type="checkbox"],
#subCanvasSettings .settingsPage table.settingsTable td input[ type="radio"],
#subCanvasSettings .settingsPage table.settingsTable td input[ type="submit"],
#subCanvasSettings .settingsPage table.settingsTable td input[ type="image"],
#subCanvasSettings .settingsPage table.settingsTable td input[ type="button"],
#subCanvasSettings .settingsPage table.settingsTable td input.regular,
#subCanvasSettings .settingsPage table.settingsTable td select.select{
   width: auto;
}

/* Button shift for Mozilla */
#subCanvasSettings .settingsPage .button{
	top: 6px;
}

/* Workaround for resizing lib. */
#settings-drag-bar-1, #hiddenSettingsPane{
	display: none;
}

/* Buttons */

/* override default UL in .settingsPage */

#subCanvasSettings .settingsPage ul.toolbar li.button{
	margin:0 3px 0 0;
	padding: 0 0 1px 1px;
}

.saveButton{
	/*background: url(static/images/icons/icon_save.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
}

.disabled .saveButton{
	/*background: url(static/images/icons/icon_save.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
}

.cancelButton{
	/*background: url(static/images/icons/icon_cancel.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
}

.disabled .cancelButton{
	/*background: url(static/images/icons/icon_cancel.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
}

.addButton{
	/*background: url(static/images/icons/icon_add.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2100px;
}

.disabled .addButton{
	/*background: url(static/images/icons/icon_add.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2132px;
}

.removeButton{
	/*background: url(static/images/icons/icon_delete.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2160px;
}

.disabled .removeButton{
	/*background: url(static/images/icons/icon_cancel.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2192px;
}

#subCanvasSettings .settingsPage div.inline ul.toolbar{
	display: inline; 
	float: left; 
	margin: -5px 0 0;
	padding: 0;
}

#subCanvasSettings .settingsPage div.inline input{
	float: left;
}

#subCanvasSettings .scrollVert{
    border-top: none;
}

#sbam, #filterActionUL{
    zoom: 1;
}

#sbam{
    margin: 0 15px;
    *margin: 0 20px;
}

#subCanvasSettings ul li.option{
    margin: 10px 0 0;
}

/* Sep 20,2007 - CSS Styling for List Senders Tab */

#settings_SenderList_tab  table.settingsTable td input, 
#settings_SenderList_tab  table.settingsTable td select.select {
width:200px !important;
}

#settings_SenderList_tab  table.settingsTable td input.checkbox {
	width: 20px !important;
}

#settings_SenderList_tab  table.settingsTable td ul.buttonBar {
padding:0px 0px 0px 0px;
}

#settings_SenderList_tab  table.settingsTable {
margin-bottom:10px;
margin-top:10px;
width:530px;
table-layout:auto;
}

#settings_SenderList_tab  table.settingsTable td {
padding:5px 0pt 10px 10px;
text-align:left;
vertical-align:top;
}

#settings_SenderList_tab ul.toolbar li.button a, ul.toolbar li.dd-button a {
	float:none;
}

#settings_SenderList_tab .settingsPage ul.toolbar li.button {
float:none;
width: 100px;
}

/* Oct 2,2007 - CSS Styling for TDs */
#settings_SenderList_tab  table.settingsTable td.inputs {
padding:5px 0pt 10px 10px;
text-align:left;
vertical-align:top;
width: 230px !important;
}

#settings_SenderList_tab  table.settingsTable td.buts {
padding:5px 0pt 10px 10px;
text-align:left;
vertical-align:top;
width: 100px !important;
}

ul.toolbar  li.buttonss{
        background:url(static/brand/default/images/bg_button.gif) no-repeat 0px 0px;
        margin: 0px 2px 6px 0px;
        /* For Webmail */
        padding: 4px 0px 2px 1px;
        list-style: none;
        float: left;
}

ul.toolbar li.buttonss a{
        color:#000;
        padding: 4px 8px 2px 3px;
        background: url(static/brand/default/images/bg_button.gif) no-repeat 100% 0px;
        text-decoration:none;
}

ul.toolbar  li.buttonss a span{
        padding: 2px 0px 2px 19px;
        font-size: 85%;
        font-size: 11px;
}
#settingsGeneralLink{
	/*background: url(modules/settingsList/images/settings_general.gif) no-repeat 0 2px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2760px;
	padding: 2px 0 2px 20px;
}

#settingsMailLink{
	/*background: url(modules/settingsList/images/settings_mail.gif) no-repeat 0 2px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
	padding: 2px 0 2px 20px;
}
/* sprite image fix \|/ 
#settingsCalendarLink{
	background: url(modules/settingsList/images/settings_calendar.gif) no-repeat 0 2px;
	padding: 2px 0 2px 20px;
} */
#folderView{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
/*	overflow: hidden;*/
/*	overflow: hidden;*/		/* when removed, fixes drop-down underlap issue */
	z-index: 2;
	color: #232323;
	height: 41%;
	background: #fff;

	*bottom: 0;
	*height: 41%;
}

#msgsMoveToFolderList{
/*	overflow: auto;*/
/*	overflow-x: hidden;*/
/*	overflow-y: auto;*/
}

#folderView .actionsBar ul.buttonBar{
	float: left;
/*    width: 360px;*/
    /*width: 255px;*/
	width: auto;
}

/* Shorten length of Mark As menu */
#msgsStatusMenu{
	height: auto;
	overflow: hidden;
	width: 130px;
	*width: 105px;
}

#msgsFilterMenu{
	float: left;
	width: 185px;
	position: relative;
}

/* -----( dropdown menu )----- */

div.dropdown ul li a:link, div.dropdown ul li a{
	display: block;
	padding: 2px 10px;
}

#toolbarFilter{
	border: 1px solid #cdcdcd;
	background-color: #fff;
	padding-right: 5px;
	margin-top: 8px;
	margin-left: 3px;

	background-image: url(modules/folderView/images/dropdown.gif);
	background-position:  97% 30%;
	background-repeat: no-repeat;
}

#toolbarFilter ul{
	margin-top: 1px;
}

#toolbarFilter a{
	background: none;
}

.removeMarkedEmail
{
    color:#ff4532;
}

.certifiedMarkedEmail
{
    color:blue;
}

#splitButtonsFV{
	float: left;
	position: absolute;
	right: 10px;
	bottom: 8px;
	padding: 1px;
}

#fullMsgListViewImage, #splitMsgListViewImage{
	height: 17px;
	width: 19px;
}

/*
#fullMsgListViewImage:hover{
	background: url(modules/folderView/images/application_on.gif) no-repeat 0 0;
}

#splitMsgListViewImage:hover{
	background: url(modules/folderView/images/application_split_on.gif) no-repeat 0 0;
}
*/

#ygddfdiv.drag-proxy, #msgDragProxy{
	font-size: 75%;
	font-weight: normal;
	color: #fff;
	border: 1px solid #999;
	padding: 6px 3px 0px 28px;
	height: 20px;
	width: 200px;
	/*background: #267fdb url(modules/folderView/images/drag-no.gif) no-repeat 3px 3px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2940px;
	
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	overflow: hidden;
	white-space: nowrap;
	
	visibility: hidden;
	position: absolute;
	z-index: 999;
}

#ygddfdiv.drag-yes, #msgDragProxy.drag-yes{
	/*background-image: url(modules/folderView/images/drag-yes.gif);*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -3000px;
}

#msgDragProxy.drag-multi{
	width: 125px;
}

/* Buttons */
#btnFolderReplySender{
	/*background: url(static/images/icons/icon_reply.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1200px;
}
.disabled #btnFolderReplySender{
	/*background: url(static/images/icons/icon_reply.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1232px;
}

#btnMsgsDelete{
	/*background: url(static/images/icons/icon_trash.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
}
.disabled #btnMsgsDelete{
	/*background: url(static/images/icons/icon_trash.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -452px;
}

#btnMarkAsJunk{
	/*background: url(static/images/icons/icon_junk.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1320px;
}
.disabled #btnMarkAsJunk{
	/*background: url(static/images/icons/icon_junk.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1352px;
}

#btnMarkAsNotJunk{
	/*background: url(static/images/icons/icon_not_junk.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1380px;
}
.disabled #btnMarkAsNotJunk{
	/*background: url(static/images/icons/icon_not_junk.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1412px;
}

#btnFolderBlockContact{
	/*background: url(static/images/icons/icon_block_contact.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1500px;
}
.disabled #btnFolderBlockContact{
	/*background: url(static/images/icons/icon_block_contact.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1532px;
}

#btnFolderSafeSender{
	/*background: url(static/images/icons/icon_safe_sender.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1440px;
}
.disabled #btnFolderSafeSender{
	/*background: url(static/images/icons/icon_safe_sender.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1472px;
}

#btnMoveToFolder{
	/*background: url(static/images/icons/icon_folder.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1560px;
}

.disabled #btnMoveToFolder{
	/*background: url(static/images/icons/icon_folder.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1592px;
}

#msgsMoveToFolderListCont{
    visibility: hidden;
}

#btnSearchMail{
	/*background: url(static/images/icons/icon_search.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1140px;
}
.disabled #btnSearchMail{
	/*background: url(static/images/icons/icon_search.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1172px;
}
#mailAdsBar{
	background: #F4F5EB;
/*	height: 124px;*/
	border-top: 1px solid #999;
	text-align: center;
	overflow: hidden;
}

#catalogContent{
	height: 25px;
	background: #454545;
	border-bottom: 1px solid #666;
	background: url(modules/mailAdsBar/images/catalog.gif) 50% 0 repeat-x;
}

#catalogContent p{
	font-size: 75%;
	padding-top: 5px;
	text-align: center;
}

#catalogContent p a{
	color: #fff;
}

.adList{
	margin: 5px 0 3px 0;
}

.adbar{
	background: #F4F5EB;
	color: #004488;
/*	padding: 4px 0;*/
	text-align: left;
	margin: 0 1em;
}

.adbar img{
	float: left;
	margin-right: 3px;
	padding: 3px;
}

.adbar p{
	border-bottom: 1px solid #ACACAC;
	padding: 3px;
	font-size: 90%;
}
#logoutConfirm{
	position: absolute;
	top: 0;
	left: -100%;
/*	left: 0;*/
	width: 100%;
	height: 100%;
	z-index: 600;
	background-image: url(static/images/trans_black.png);
	text-align: center;
/*	padding-top: 100px;*/
}
	
#logoutConfirm.visible{
	position: absolute;
	left: 0;
	top: 0;
}

div.logoutBox{
	margin-top: 100px;
	margin-right: 3px;
	background: #fff;
	position: relative;
	zoom: 1;
}

.logoutBox h2{
	padding: 15px;
	border-bottom: 1px solid #888;

	background: #267FDB;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
}

.logoutBox p, .logoutBox div{
	padding: 15px;
	font-size: 85%;
}

.logoutBox div.logoutBtn{
	text-align: center;
	padding-bottom: 10px;
	position: relative;
	*zoom: 1;
}

#logoutOptions{
	float: right;
	margin-right: 10px;
	position: relative;
}

/* Buttons */
#btnLogoutYes{
	/*background: url(static/images/icons/icon_yes.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2040px;
}

#btnLogoutNo{
	/*background: url(static/images/icons/icon_no.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -480px;
}
#folderListing ul.ddParent{
/*	float: left;*/
/*    width: 100%;*/
    /*width: 255px;*/
}

#folderList{
	clear: both;
}

.sideItem ul.folders li a.folder_link{
	/*background: url(modules/folderListing/images/folder_icon.gif) no-repeat 0 2px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -300px;
	
	padding-left: 18px;
	padding: 2px 0 2px 20px;
}

#folderListing .sideItem ul.folders li span.folderEdit a.folderRename{
	/*background: url(modules/folderListing/images/edit.gif) no-repeat 0 50%;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -360px;
	padding: 0 8px;
	margin-right: 5px;
}

#folderListing .sideItem ul.folders li span.folderEdit a.folderEmpty{
	/*background: url(modules/folderListing/images/empty.gif) no-repeat 0 50%;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
	
	padding: 0 8px;
	margin-right: 5px;
}

#folderListing .sideItem ul.folders li span.folderEdit a.folderDelete{
	/*background: url(modules/folderListing/images/delete.gif) no-repeat 0 50%;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -480px;
	
	padding: 0 8px;
	margin-right: 5px;
}

#systemFolders{
    padding-bottom: .5em;
}

.indicator{
	background: #ffffd3 url(modules/folderListing/images/loading_ffffd3.gif) no-repeat 100% 50%;
	padding: 0 20px 0 5px;
	font-style: italic;
}

.menuDropdown{
	position: relative;
}

.menuDropdown ul{
	margin-left: 0;
	z-index: 300;
}

.menuDropdown ul li a:link, 
.menuDropdown ul li a{
	padding-right: 10px;
	margin-right: 0;
	display: block;
	padding: 2px 10px;
}

.menuDropdown ul li.menu ul li a:link.parent, 
.menuDropdown ul li.menu ul li a.parent{
}

.menuDropdown ul{
	position: absolute;
	z-index: 10;
	left: -999em;
	width: 130px;
	background: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #fff;
	padding: 0 0 2px 0;
	margin: 0;
}

.menuDropdown ul li a:link, 
.menuDropdown ul li a{
	width: 125px;
	w\idth: 105px;
	float: left;
	margin-left: 0;
	padding: 2px 15px 2px 10px;
	font-size: 85%;
	font-weight: normal;
	color: #232323;
}

.menuDropdown:hover ul, 
.menuDropdown ul.sfHover{
	left: auto;
}

.menuDropdown ul li a:hover{
	background: #ccc;
}

/* Reset size of "check mail" dropdown */
div#sideButtons ul.ddParent li #checkMailMenu{
	height: auto;
	overflow: hidden;
	width: 130px;
	*width: 105px;
}

#addFolderOverlay{
   position: relative;
}

#folderListTree{
    margin-top: 5px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
	height: 150px;
	padding: 5px;
    border: 1px solid #ccc;
    position: relative;
}

#folderListTree ul li{
/*    position: relative;*/
}

#subFolderLabel{
    margin-left: 5px;
    font-weight: bold;
}

.folderListTree{
    margin: 3px 0;
}

.systemFolders{
    padding-bottom: 0.5em;
}

.folderListTree ul{
    margin: 0 0 0 10px;
}

.folderListTree ul{
    *margin: 0;
    *margin-left: 10px;
}

.folderListTree li{
    margin: 5px 10px;
    padding: 0;
}

.folderListTree li a.collapsible{
    margin-left: -17px;
    background-position: 2px 0;
}

.folderListTree li .open, .folderListTree li .closed{
    padding-left: 14px;
}

.folderListTree li a.tree_link{
	/*background: url(modules/folderListing/images/folder_icon.gif) no-repeat 0 2px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -300px;
	
	padding: 3px 2px 3px 18px;
}

.folderListTree li a.hover{
    cursor: pointer;
    background-color: #FAF5A6;
}

.folderListTree li.not-allowed a.hover{
    cursor: not-allowed;
    background-color: transparent;
}

.folderListTree li a.selectedItem{
    background-color: #F2EB73;
}

.input-loader{
	background: #fff url(static/images/loader.gif) no-repeat 99% 30%;
}

#folderLimitMsg{
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 15px;
    font-size: 70%;
    font-weight: bold;
    width: 60%;   
}
#contactsTwoRowViewer{
	height: 100%;
}
#messageViewer{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	z-index: 0;
	color: #232323;
    background: #fff;
	height: 58%;
}

#messageViewer .actionsBar{
	position: absolute;
	top: 0;
/*	overflow: hidden;*/
	right: 0;
	left: 0;
	width: 100%;
	padding: 0;
}

#messageViewer .actionsBar ul li{
/*	float: left;*/
}

#messageViewer .actionsBar ul li.msgDelete{
	float: right;
}

#messageViewer .bottomHeading{
	overflow: auto;
	overflow: hidden;
}

#msgDefaultDisplay{
	background-image: url(static/images/sprite2-bg.gif);
	background-position: 95% -430px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
}

#msgDefaultDisplay p{
	text-align: center;
	font-size: 75%;
	margin: 74px 20px 0;
}

#msgViewTop{
	position: absolute;
	width: 100%;
	z-index: 10;
	top: 0;
	left: 0;
}

#msgViewBot{
	position: absolute;
	width: 100%;
	top: -1px;
	bottom: 0;
	left: 0;
	right: 0;
	top: 138px;
}

#messageViewer .scrollMe{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
	top: -1px;
	
/*	height: 100%;*/
}

#messageViewer .scrollMe .bd-ext{
	height: 100%;
}

#paneViewerWrapper{
	/* Fixes scrollbar overlap */
	top: -1px;
	bottom: 5px;
}

#messageViewer ul.toolbar{
	position: absolute;
	right: 0;
}

#msgSummary{
/*	margin-top: 5px;*/
	padding: 15px 10px 7px 20px;
	position: relative;
	z-index: 3;
	overflow: hidden;
	display: none;
	border-bottom: 1px solid #9D9E9F;
	
	padding: 5px 10px 16px 20px;	/* Extended Summary */	
	margin: 0;
	padding: 5px 10px 2px 20px;
}

#msgSummaryBody {
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	width: 70%;
	display: block;
}

#msgSummaryBody .summarySub{
	font-size: 95%;
	margin-bottom: 2px;
}

#msgSummaryBody .summarySender{
	font-size: 85%;
	margin: 0;
	
	float: left;
}

#msgSummaryBody .summaryAddCnt img{
	margin: 0 0 0 3px;
	vertical-align: middle;
}

#msgSummaryBody .summaryAttach{
	margin-top: 1px;
	font-size: 85%;
	position: relative;
	height: 16px;
	width: 100%;
	overflow: hidden;
	white-space: no-wrap;
	text-overflow: ellipsis;
	
	padding-left: 25px;
    padding-top: 3px;
}

/* Mini attachment icon */
#msgSummaryBody .summaryAttach img{
	margin: 0 3px 0 0;
	vertical-align: middle;
}

#messageViewer .msgSummaryCont{
	position: absolute;
	right: 52px;
	top: 9px;
	font-size: 75%;
}

#messageViewer_bottomHeading.bottomHeading .bd-ext{
	padding: 0;
	margin: 0;
}

#messageViewer .msgShowHeadersCont {
	position: absolute;
	right: 10px;
	top: 9px;
	font-size: 75%;
}

#splitButtonsMVSummary img,
#splitButtonsMVExpanded img {
	vertical-align: text-top;
}
/*
#splitButtonsMV{
    z-index: 999;
    right: 13px;
    top: 2px;
	position: absolute;
	width: 33px;
	height: 19px;
	font-size: 85%;
}

#splitButtonsMV img{
	position: relative;
	top: 4px;
}

#showFullViewMV, #showSplitViewMV{
	height: 17px;
	width: 19px;
}

#fullMsgViewImage:hover{
	background: url(modules/messageViewer/images/application_on.gif) no-repeat 0 0;
}

#splitMsgViewImage:hover{
	background: url(modules/messageViewer/images/application_split_on.gif) no-repeat 0 0;
}
*/

#fullViewMsgNavigation{
	position: absolute;
	z-index: 999;	
	width: 48px;
	right: 10px;
	top: 0px;
	height: 30px;
}

#fullViewMsgNavigation a{
	display: inline;
	/*padding: 0;*/
}

#fullViewMsgNavigation a img{
	padding: 0;
}

#messageViewer .summaryAttach .attachPair{
}

#messageViewer .summaryAttach .mediaClass{
}

#messageViewer .summaryAttach{
padding-left : 25px;
}
#fullAttachment .attachPair{
padding-right: 10px;
}
#fullAttachment .attachPair .mediaClass{
padding-left:3px;
}

/*
#slideshowMenuOption{
	display: none;
}
*/

/*
	Lightbox Slideshow
 */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
}
	
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	background: url(static/images/loader.gif) no-repeat 50% 50%;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	/*background: transparent url(../../images/lightbox/blank.gif) no-repeat;*/ /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(modules/messageViewer/images/slideshow_prev.gif) 100% 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(modules/messageViewer/images/slideshow_next.gif) 0% 50% no-repeat; }

#prevLink.hasPrev{
	/*background: url(modules/messageViewer/images/slideshow_prev.gif) 100% 50% no-repeat;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2460px;
	width: 25px;
	height: 20px;
}

#nextLink.hasNext{
	/*background: url(modules/messageViewer/images/slideshow_next.gif) 0% 50% no-repeat;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2520px;
	width: 25px;
	height: 20px;
}

#imagePrevContainer, #imageNextContainer{
	position: absolute;
	width: 25px;
	height: 20px;
}

#imagePrevContainer{
	left: 10px;
}

#imageNextContainer{
	right: 10px;
}


#imageDataContainer{
	font: 10px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	position: relative;
	min-height: 30px;
	*height: 30px;
}

#imageData{
	padding:0 10px;
	margin: 0 45px;
}

#imageData #imageDetails{ text-align: center; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#bottomNav{
	background: #fff;
	width: 100%;
	text-align: center;
	clear: both;
	padding: 0 0 5px;
}

#bottomNavClose{ padding-bottom: 0.7em;	}	

#slideshowOverlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* Buttons */
#btnReplySender{
	/*background: url(static/images/icons/icon_reply.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1200px;
}

#btnReplyAll{
	/*background: url(static/images/icons/icon_replyall.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1260px;
}

#btnForward{
	/*background: url(static/images/icons/icon_forward.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -840px;
}

#btnPrint{
	/*background: url(static/images/icons/icon_replyall.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -900px;
}

#btnEditDraft{
	/*background: url(static/images/icons/icon_replyall.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -60px;
}

#btnPrint{
	/*background: url(static/images/icons/icon_print.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -900px;
}

#btnMsgDelete{
	/*background: url(static/images/icons/icon_trash.gif) no-repeat 0 0;*/		
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
}


#btnMsgBlockContact {
	/*background:transparent url(static/images/icons/icon_block_contact.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1500px;
}
.disabled #btnMsgBlockContact {
	/*background:transparent url(static/images/icons/icon_block_contact.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1532px;
}

#btnMsgSafeSender {
	/*background:transparent url(static/images/icons/icon_safe_sender.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position:0px -1440px;
}
.disabled #btnMsgSafeSender {
	/*background:transparent url(static/images/icons/icon_safe_sender.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1440px;
}



#btnSlideshow{
	/*background: url(static/images/icons/icon_slideshow.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1680px;
}

#btnEndSlideshow{
	/*background: url(static/images/icons/icon_end_slideshow.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1740px;
}

#btnMsgAddContact{
	/*background: url(static/images/icons/icon_add_contact.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -540px;
}

.disabled #btnMsgAddContact{
	/*background: url(static/images/icons/icon_add_contact.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -572px;
}

#msgAttachmentsLabel {
	background-image: url(static/images/sprite1-icons.gif);
	background-position: 0 -3300px;
	background-repeat: no-repeat;
}
#topNavigation{
	text-align: center;
	position: relative;
	z-index: 999;
/*  font-family: verdana, sans-serif;*/
}

#statusMessage{
	font-size: 85%;
	text-align: center;
	width: 100%;
	padding-top: 7px;
	
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto;
}

#statusText {
	width: 250px;
	background: url(static/images/loader.gif) no-repeat top left;
	padding-left: 20px;
	text-align: left;
}

.loadOverlay{
	/*background: url(static/images/trans_white.png) repeat top left;*/
	background: transparent;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 600;
	top: 0;
	left: 0;
}

/* Dropdown list for Check Mail */
#topNavButtons{
	position: absolute;
	left: 10px;
}

#topNavButtons ul{
	float: left;
	width: 100%;
	line-height: 1;
	margin-bottom: 5px;
	text-align: left;
}

#topNavButtons a{
	display: block;
	width: auto;
}

#topNavButtons li{
	float: left;
}

#newItemMenu{
	width: 100px;
	font-size: 75%;
}

#checkMailMenu{
	width: 75px;
	font-size: 75%;
}

/* Reset size of "check mail" dropdown */
div#topNavButtons ul.ddParent li #newItemMenu,
div#topNavButtons ul.ddParent li #checkMailMenu{
	height: auto;
	overflow: hidden;
	width: 130px;
	*width: 105px;
	width: 10em;
}

/* Buttons */
#btnCheckMail{
	/*background: url(static/images/icons/icon_checkmail.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -0px;
}

.disabled #btnCheckMail{
	/*background: url(static/images/icons/icon_checkmail.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -32px;
}

#btnNewItem{
	/*background: url(static/images/icons/icon_compose.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -60px;
}

.disabled #btnNewItem{
	/*background: url(static/images/icons/icon_compose.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -92px;
}
#mailQuota p {
	padding: 0;
	margin: 0;
	font-size: 75%;
	float: left;
	width: 100%;
}

#mailQuota div#percent {
	width: 100px;
	height: 1.3em;
	border: 1px solid #989898;
	background-color: #ffffff;
}
#contactViewer{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
/*	overflow: hidden;*/
	z-index: 0;
	color: #232323;
    background: #fff;
	height: 58%;
}

#cntDefaultDisplay{
	background: #fff url(modules/contactViewer/images/default_display_logo.gif) 95% 100% no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
}

#cntDefaultDisplay p{
	text-align: center;
	font-size: 75%;
	margin: 74px 20px 0;
}

#cntViewTop{
/*	height: 74px;*/
	position: absolute;
	width: 100%;
	z-index: 10;
	top: 0;
	left: 0;
}

#contactViewer .bottomHeading{
/*	height: 76px;	*/

	height: 66px;	/* fixes dropdown underlap issue */
	overflow: visible;
	margin-top: -5px;
}

#cntAddToGroupList{
	font-size: 75%;
}

#contactDetailsHeader{
	margin-top: 5px;
	padding: 11px 10px 8px 20px;
	position: relative;
	z-index: 3;
/*	overflow: hidden;*/

	background: #ADD5FE;
	border-bottom: 1px solid #9D9E9F;
	color: #232323;
}

#contactViewer .itemOptions{
	position: absolute;
	right: 0;
	width: 130px;
	z-index: 10;
	bottom: 0;
	top: 8px;
}

#contactViewer .itemOptions li{
	display: inline;
}

#cntViewBot{
	position: absolute;
	width: 100%;
	top: -1px;
	bottom: 0;
	left: 0;
	right: 0;
	top: 66px;
}

#contactViewer .scrollMe{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
	top: 0;
}

#contactViewer .bottomViewer{
	padding: 0 10px;
}

#contactViewer .paneViewerWrapper{
	float: left;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: hidden;

	background: #fff;
	
	/* Fixes scrollbar overlap */
	top: 0px;
	bottom: 6px;
	
}

#contactDetailsView{
	position: absolute;
	width: 96%;
	padding: 0 2%;
	height: 100%;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	bottom: 0;
	z-index: 10;
	top: 0;
	left: 0;
}

#contactViewer .contactHead{
	padding: 10px 0;
	margin: 1%;
	float: left;
	width: 98%;
}

#contactViewer .contactHead div.emptyImage{
	background: url(modules/contactViewer/images/contact_placeholder.gif) no-repeat top left;
	width: 45px;
	height: 45px;
	border: 1px solid #E5E5E5;
	float: left;
}

#contactViewer .contactHead div.hasImage{
	width: 45px;
	height: 45px;
	border: 1px solid #E5E5E5;
	float: left;
}

#contactViewer .nameContainer {
	float: left;
	margin-left: 10px;
}

#contactViewer .nameContainer h4{
	font-size: 85%;
}

/* Contact Details Group Container */
#contactViewer .groupRow{
	width: 100%;
	float: left;
}

#contactViewer .grouping{
	float: left;
	width: 48%;
	margin: 1% 1%;
	min-height: 100px;
	*height: 100px;
}

#contactViewer .grouping h3{
	border-bottom: 1px solid #afd4fd;
	padding-bottom: 2px;
}

#contactViewer .grouping dt, .grouping dd{
	float: left;
	width: 85%;
	padding: 4px 0;
}

#contactViewer .grouping dt{
    width: 15%;
}

#contactViewer .group ul{
	margin-top: 4px;
}

#contactViewer .grouping li{
	/*background: url(modules/contactViewer/images/group_icon.gif) no-repeat 0 2px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -720px;
	padding: 4px 0 4px 20px;
}

/* icon for tel #'s */
#contactViewer .callto{
	background: url(modules/contactViewer/images/callto.gif) no-repeat center left;
	padding-left: 20px;
}

/* Buttons */
#btnCntSendMail{
	/*background: url(static/images/icons/icon_compose.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1860px;
}

.disabled #btnCntSendMail{
	/*background: url(static/images/icons/icon_compose.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1892px;
}

#btnCntAddToGroup{
	/*background: url(static/images/icons/icon_group_add.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -600px;
}

.disabled #btnCntAddToGroup{
	/*background: url(static/images/icons/icon_group_add.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -632px;
}

#btnCntRemoveFromGroup{
	/*background: url(static/images/icons/icon_group_remove.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -660px;
}

.disabled #btnCntRemoveFromGroup{
	/*background: url(static/images/icons/icon_group_remove.gif) no-repeat 0 -32px;*/
background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -692px;
}

#btnCntDelete{
	/*background: url(static/images/icons/icon_trash.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
}

.disabled #btnCntDelete{
	/*background: url(static/images/icons/icon_trash.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
}

#btnCntEditContact{
	/*background: url(static/images/icons/icon_edit.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -360px;
}

.disabled #btnCntEditContact{
	/*background: url(static/images/icons/icon_edit.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -452px;
}
#contactListing{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
/*	overflow: hidden;*/
	z-index: 2;
	color: #232323;
	height: 41%;
	background: #fff;

	*bottom: 0;
	*height: 41%;
}

#contactsIndex{
	padding-top: 5px;
}

#contactsIndex li{
	display: inline;
	background: #F5F5F6;
	color: #C2C2C2;
	padding: 2px 3px;
	border: 1px solid #D6D6D7;
}

#contactsIndex li a{
	background: #F5F5F6;
	padding: 0;
	margin: -2px -3px;
	padding: 2px 3px;
}

#contactsIndex li a:hover{
	background: #ADD5FE;
}

#contactListing ul.buttonBar{
	float: left;
	width: auto;
}

/* Buttons */
#btnCntsSendMail{
	/*background: url(static/images/icons/icon_compose.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -60px;
}

.disabled #btnCntsSendMail{
	/*background: url(static/images/icons/icon_compose.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -92px;
}

#btnCntsAddToGroup{
	/*background: url(static/images/icons/icon_group_add.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -540px;
}

.disabled #btnCntsAddToGroup{
	/*background: url(static/images/icons/icon_group_add.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -572px;
}

#btnCntsRemoveFromGroup{
	/*background: url(static/images/icons/icon_group_remove.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -600px;
}

.disabled #btnCntsRemoveFromGroup{
/*	background: url(static/images/icons/icon_group_remove.gif) no-repeat 0 -32px;*/
background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -632px;
}

#btnCntsDelete{
/*	background: url(static/images/icons/icon_trash.gif) no-repeat 0 0;*/
background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
}

.disabled #btnCntsDelete{
	/*background: url(static/images/icons/icon_trash.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -452px;
}

#btnSearchContacts{
	/*background: url(static/images/icons/icon_search.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1140px;
}

.disabled #btnSearchContacts{
	/*background: url(static/images/icons/icon_search.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1172px;
}

#btnCntsImportExport {
	/*background: url(modules/contactListing/images/icon_import_export.gif) no-repeat 0px 3px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1860px;
}

.disabled  #btnCntsImportExport {
	/*background: url(modules/contactListing/images/icon_import_export.gif) no-repeat 0 -35px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1892px;
}
#groupListing .sideItem ul.groups li a.group_link{
	/*background: url(modules/groupListing/images/group_icon.gif) no-repeat 0 2px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1980px;
	padding: 2px 0 2px 20px;
}

#groupListing .sideItem ul.groups li span.groupEdit a.groupRename{
	/*background: url(modules/groupListing/images/edit.gif) no-repeat 0 50%;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -360px;
	padding: 0 8px;
	margin-right: 5px;
}

#groupListing .sideItem ul.groups li span.groupEdit a.groupEmpty{
	/*background: url(modules/groupListing/images/empty.gif) no-repeat 0 50%;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
	padding: 0 8px;
	margin-right: 5px;
}

#groupListing .sideItem ul.groups li span.groupEdit a.groupDelete{
	/*background: url(modules/groupListing/images/delete.gif) no-repeat 0 50%;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -480px;
	padding: 0 8px;
	margin-right: 5px;
}

.indicator{
	background: #ffffd3 url(modules/groupListing/images/loading_ffffd3.gif) no-repeat 100% 50%;
	padding: 0 20px 0 5px;
	font-style: italic;
}

/* Buttons */
/*#cntAddContact{
	background: url(modules/groupListing/images/add_contact.gif) no-repeat top left;
	height: 21px;
	width: 94px;
	margin-top: 4px;
	padding-right: 10px;
	padding-right: 5px;
	float: left;
}

#cntAddContact:hover{
	background: url(modules/groupListing/images/add_contact_on.gif) no-repeat top left;
}

#cntAddContact span{
	text-indent: -9999px;
	display: none;
}
*/
#cntAddGroup{
	/*background: url(modules/groupListing/images/add_group.gif) no-repeat top left;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -540px;
	height: 21px;
	width: 78px;
	margin-top: 4px;
	float: left;
}

#cntAddGroup:hover{
	/*background: url(modules/groupListing/images/add_group_on.gif) no-repeat top left;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -540px;
}

#cntAddGroup span{
	text-indent: -999em;
	display: none;
}

#groupListing .sideButtons{
	display: none;
}

#addGroupOverlay{
   position: relative;
}
#messagingService{
	background: #FFF28C; 
	width: 90%;
/*	height: 150px;*/
	position: absolute;
	top: 0;
	left: 5%;
	z-index: 999;
	border: 1px solid #E5DD9B;
	border-width: 0 1px 1px;
	clear: both;
	display: none;
}

#messagingService_msg{
	font-size: 85%;
	padding: 10px 8px;
	margin-left: 26px;
	display: block;
}

#messagingService_btns{
	text-align: center;
	margin: 5px 0;
}
#mailTwoRowViewer{
	height: 100%;
}
#addContact{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	color: #232323;
	height: 100%;
    background: #fff;
}

#addContact .titleBar{
	overflow: visible;
}

#addContact .actionsBar{
}

#addContact .topHeading{
/*	height: 90px;*/
}

/****( Contact Details form area )*****************************************************/
#addContact .scrollMe{
	position: absolute;
	top: 67px;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}

#addContact .bottomViewer{
	float: left;
	position: absolute;
	top: 0;
	left: 10px;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: hidden;
}

#addContact .newContactWrapper{
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: hidden;


	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#addContact .firstColumn, #addContact .secondColumn{
	float: left;
	width: 44%;
	margin: 3%;
}

.addContactSection{
	margin-bottom: 2em;
}

.addContactSection h3{
	position: relative;
	padding-bottom: 3px;
	padding-left: .5em;
		border-bottom: 1px solid #C2C2C2;

	color: #267FDB;
	font-family: arial, sans-serif;
	font-size: 110%;
}

.addContactSection h3 span.option{
	position: absolute;
	right: 0;
	
	font-weight: normal;
	font-size: 90%;
}

.addContactSection table{
	width: 100%;
	padding: .5em;

	background: #EEEEEE;
}

.addContactSection table th{
	width: 30%;
	text-align: left;
	vertical-align: top;
	padding: 3px 0;

	font-size: 90%;
	font-weight: normal;
}

.addContactSection table td{
	width: 70%;
	text-align: left;
	vertical-align: top;
	padding: 3px 0;
}

/* Form Fields */
.addContactSection table td input, 
.addContactSection table td select, 
.addContactSection table td textarea{
	width: 90%;
	margin: 0;
	padding: 1px;
}

.addContactSection table td input[ type="checkbox"],
.addContactSection table td input[ type="radio"],
.addContactSection table td input[ type="submit"],
.addContactSection table td input[ type="image"],
.addContactSection table td input.regular{
   width: auto;
}

.photoPlaceholder{
	background: url(modules/addContact/images/contact_placeholder.gif) no-repeat top left;
	height: 45px;
	width: 45px;
	border: 1px solid #E5E5E5;
}

/* Buttons */
#btnAddCntSave{
	/*background: url(static/images/icons/icon_save.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -960px;
}

.disabled #btnAddCntSave{
	/*background: url(static/images/icons/icon_save.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -992px;
}

#btnAddCntCancel{
	/*background: url(static/images/icons/icon_cancel.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -480px;
}

.disabled #btnAddCntCancel{
	/*background: url(static/images/icons/icon_cancel.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -512px;
}

.newGroupInput {
    width:100%;
}
#messageCompose{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	color: #232323;
	height: 100%;
/*    background: #fff;*/
}

.actionsBarRight{
	float: right;
	width : 100%;
}

#messageCompose .titleBar{
	overflow: visible;
}

#composeFields{
	background: #E1E2E3;
	border-top: 1px solid #9D9E9F;
/*	height: 84px;*/
	padding-top: 10px;
	clear: both;
	z-index: 10;
	position: relative;
}

.composeInput{
	height: 21px;
	border: 1px solid #989898;
	overflow-y: hidden;
}

/* AutoComplete Container */
#composeToAC, #composeCCAC, #composeBCCAC {position:relative;width:30em;margin-bottom:0;}/* set width of widget here*/
#composeToAC, #composeCCAC, #composeBCCAC {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
#composeToAC .yui-ac-content, #composeCCAC .yui-ac-content, #composeBCCAC .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
#composeToAC .yui-ac-shadow, #composeCCAC .yui-ac-shadow, #composeBCCAC .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
#composeToAC ul, #composeCCAC ul, #composeBCCAC ul {padding:5px 0;width:100%;}
#composeToAC li, #composeCCAC li, #composeBCCAC li {padding:2px 5px;cursor:default;white-space:nowrap;}

/* -----( autocomplete highlight )----- */		
#composeToAC li.yui-ac-highlight, #composeCCAC li.yui-ac-highlight, #composeBCCAC li.yui-ac-highlight {background:#FFFFD3;}
.ac-prehighlight {background:#DFDFA3;}

.acGroup, .acContact{
	/*background: url(static/images/icons/icon_group.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
	padding-left: 19px;
}

.acContact{
	/*background: url(static/images/icons/icon_contact.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
}

.hiddenField{
	background: red;
	display: none;
}

#addressExtras{
	margin-left: 11%;
	padding-left: 10px;
}

#addressExtras li{
	display: inline;
}

#addressExtras li.msgAttach{
	/*background: url(modules/messageCompose/images/paperclip.gif) no-repeat center left;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -2820px;
	padding-left: 20px;
}

#composeMsg table{
	width: 98%;
	padding: 0 1% 0 1%;
}

#composeMsg th{
	text-align: right;
	vertical-align: top;
	width: 10%;
	padding: 3px 5px 3px 0;	
}

#composeMsg td{
/*	width: 85%;*/
	padding: 3px 0 3px 5px;
	vertical-align: middle;
}

/* align to top to compensate for attachments list */
#composeMsg #thAttach{
	vertical-align: top;
	/*background: url(modules/messageCompose/images/paperclip.gif) no-repeat 95% 10%;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1080px;
}

#composeMsg input, 
#composeMsg select, 
#composeMsg textarea{
   width: 90%;
   margin: 0;
}

#composeMsg input[ type="checkbox"],
#composeMsg input[ type="radio"],
#composeMsg input[ type="submit"],
#composeMsg input[ type="image"],
#composeMsg input.regular{
   width: auto;
}

/****( Attachments List )*****************************************************/
#attachList{
	list-style: none;
/*hacks min-height IE6.0 http://www.dustindiaz.com/min-height-fast-hack/*/
    min-height: 20px;
    height: auto !important;
    height: 80%;
	padding-top: 0;
	margin-bottom: 10px;
}

#attachList li{
/*  float: left;*/      /* Changed July 17th */
    clear: left;        /* Added July 17th */

/*	width: 30%;*/
	font-size: 85%;
/*	overflow: hidden;*/
	white-space: nowrap;
/*	text-overflow: ellipsis;*/
	padding: 3px 0 3px;
	margin-right: 1em;
}

#attachList li a.attachDelete{ 
	padding: 2px 0 2px 20px;
	/*background: url(modules/messageCompose/images/trashcan.gif) no-repeat left center;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -420px;
}

#attachList li a.attachDelete span.attachDeleteLbl{ text-indent: -999em; display: none; }

#attachList li.uploadInProgress{
	background: url(modules/messageCompose/images/loading_small_e1e2e3.gif) no-repeat 0% 50%;
	padding: 0 0 2px 20px;
}

#attachList .cancelUpload{
	padding-left: 10px;
	cursor: default;
}

/* Added July 17th */
#attachList div{
    display: inline;
    padding-left: 10px;
}

/****( Email Body Area )*****************************************************/
#messageCompose .scrollMe{
	position: absolute;
/*	top: 163px;*/
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}

#messageCompose .bottomViewer{
	float: left;
	position: absolute;
	top: 0;
	left: 10px;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: hidden;
	left: 0;
	top: 0;
	background: #fff;
}

#messageCompose .messageWrapper{
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	overflow: hidden;
}

#msgBody{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: none;
	background: #fff;
}


.demo {
	height: 100%;
	position: relative;
}

#iframeUploadContainer{
	display: block;
	height: 26px;
	overflow: hidden;
	position: relative;
}

.iframeHidden{
	position: absolute;
	left: -1500em;
	top: 0;
	width: 0;
	height: 0;
}

#uploadLink{
	margin-left: 3px;
	background: transparent;
}

#messageTypeButtons {
	padding-top: 3px;
}

/* Buttons */
#messageCompose ul.toolbar li.disabled a{
	cursor: default;
}

#btnSendMsg{
	/*background: url(static/images/icons/icon_send.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -840px;
}

.disabled #btnSendMsg{
	/*background: url(static/images/icons/icon_send.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -872px;
}

#btnSaveDraft{
	/*background: url(static/images/icons/icon_save_draft.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -960px;
}

.disabled #btnSaveDraft{
	/*background: url(static/images/icons/icon_save_draft.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -992px;
}

#btnMsgCancel{
	/*background: url(static/images/icons/icon_cancel.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -480px;
}

.disabled #btnMsgCancel{
	/*background: url(static/images/icons/icon_cancel.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -512px;
}

/* Placeholder Attach button */
#btnAttachPH{
	/*background: url(static/images/icons/icon_attach.gif) no-repeat 0 0;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1020px;
}

.disabled #btnAttachPH{
	/*background: url(static/images/icons/icon_attach.gif) no-repeat 0 -32px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1052px;
}

#msgComposeAttachmentUploadFile{
	clip: rect(auto auto auto 322px);
	cursor: pointer !important;
	font-size: 18pt;
	position: absolute;
	left: -322px;
	top: -3px;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
}

div .demo textarea{
	padding-left: 6px;
}
#calendarView_scrollMeTop {
    height : 100%;
}

#calendarViewer {
    height : 100%;
    position :relative;
    background : #fff;
    border : 1px #F8F8F8 solid;
}

#calendarRefreshText{
	background: url(static/images/icons/icon_refresh.gif) no-repeat 0 0;
}

#calendarManagerText{
	background: url(modules/subCanvasCalendar/images/icon_manageCalendar.gif) no-repeat 0 0;
}

#calendarViewPicker{
	float: left;
	position: absolute;
	right: 20px;
	bottom: 2px;
}

#calendarViewList {
    width:100px;
}

#subCanvasCalendar .actionsBar ul.buttonBar{
	float: left;
	width: auto;
}

#calendarsViewsMenu {
    width:220px;
}

#addEvent {
    background:#FFFFFF none repeat scroll 0%;
    color:#232323;
    height:98.6%;
    left:0pt;
    overflow:hidden;
    position:absolute;
    top:0pt;
    width:100%;
    z-index:1;
}

#addEvent .bottomViewer{
	float: left;
	position: absolute;
	top: 0;
	left: 0;
    right: 0;
	bottom: 0;
	z-index: 10;
    padding : 0;
}

#addEvent .scrollMe{
	position: absolute;
	top: 67px;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}

.addCalendarEventSection table{
	width: 100%;
	padding: .5em;

	background: #EEEEEE;
}

.addCalendarEventSection table th{
	text-align: left;
	vertical-align: top;
	padding: 3px 0px 15px 10px;
	font-size: 108%;
	font-weight: bold;
}

.addCalendarEventSection table td{
	text-align: left;
	vertical-align: top;
	padding: 3px 10px 5px;
}

.addCalendarEventSection table td.center{
	text-align: center;
}

.addCalendarEventSection table td span.commentDate{
	color: #666;
    padding : 6px;
    display:block;
}

.addCalendarEventSection table th.right{
	text-align: right;
}

.addCalendarEventSection table td.right{
	text-align: right;
}

.addCalendarEventSection table ul.right{
	float: right;
}

.addCalendarEventSection hr{
	color: #C2C2C2;
    background-color: #C2C2C2;
    height: 1px;
}

.addCalendarEventSection table ul{
	padding: 0;
}

.addCalendarEventSection table ul.bullets li {
    padding-left: 14px;
    background-image: url(modules/addEvent/images/bullet_image.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
}


.addCalendarEventSection table input[ type="text"],
.addCalendarEventSection table select,
.addCalendarEventSection table textarea{
	margin: 0;
    border: 1px solid #989898;
}

.addCalendarEventSection table select {
    padding : 2px 1px;
}

.addCalendarEventSection table input.half,
.addCalendarEventSection table textarea.half{
    width: 90%;
}

.addCalendarEventSection table input.full,
.addCalendarEventSection table textarea.full{
    width: 100%;
}

.addCalendarEventSection table input.date {
	width: 15%;
}

.addCalendarEventSection table input.relative {
    position:relative;
}

.addCalendarEventSection table select.standar{
    width: 120px;
}

.addCalendarEventSection table select.big{
    width: 180px;
}

.addCalendarEventSection table.listing,
.addCalendarEventSection table.noPadding{
	width:100%;
    padding:0;
}

.addCalendarEventSection table.noPadding td {
    padding: 0;
}

.addCalendarEventSection table.listing th {
    border-bottom: 1px solid #C9D3DC;
    background: #DFEAF4;
	text-align: left;
	padding: 1px 3px 1px 3px;
}

.addCalendarEventSection table.listing th.actions {
    width: 50px;
}

.addCalendarEventSection table.listing th.center {
    text-align: center;
}

.addCalendarEventSection table.listing td {
	padding: 3px;
}

.addCalendarEventSection h3 {
    background-color: #1A94E3;
    position: relative;
	padding: 2px;
	padding-left: .5em;

	color: #fff;
	font-family: arial, sans-serif;
	font-size: 110%;
}

.addCalendarEventSection h3 span.option{
	position: absolute;
	right: 0;
    top: 5px;
}

.timepicker-cont {
    background-color:#FFFFFF;
    border:1px solid #000000;
    position: relative;
    height: 115px;
    overflow: auto;
}

.timepicker {
    overflow:hidden;
    position:absolute;
}

#addEvent .timeOption {
    cursor:pointer;
    padding:2px;
}

#addEvent .timeOptionSelect {
    background-color:#316AC5;
    color:white;
}

#addEvent .firstColumn {
	margin-top: 1%;
    margin-left: 1%;
}

#addEvent .secondColumn{
    float: left;
	width: 25%;
	margin-top: 1%;
    margin-left: 1%;
    margin-right: 1%;
}

.sectionShow, .sectionHide{
    background: url(modules/addEvent/images/show_arrow.gif) top left no-repeat;
    padding-left: 12px;
    height: 9px;
    width: 9px;
}

.sectionHide{
    background: url(modules/addEvent/images/hide_arrow.gif) top left no-repeat;
}

.editablehide {
    padding:2px;
    overflow : hidden;
}

.editablehover {
    background:#FFFFDD none repeat scroll 0% 50%;
    border-color:#666666 #D4D4D4 #D4D4D4 #666666;
    border-style:solid;
    border-width:1px;
    cursor:text;
    padding:2px;
    width:90%;
}

/* Buttons */
#btnAddEventSave{
	background: url(static/images/icons/icon_save.gif) no-repeat 0 0;
}

.disabled #btnAddEventSave{
	background: url(static/images/icons/icon_save.gif) no-repeat 0 -32px;
}

#btnAddEventCancel {
	background: url(static/images/icons/icon_cancel.gif) no-repeat 0 0;
}

.disabled #btnAddEventCancel{
	background: url(static/images/icons/icon_cancel.gif) no-repeat 0 -32px;
}

#btnAddEventDelete {
	background: url(static/images/icons/icon_trash.gif) no-repeat 0 0;
}

.disabled #btnAddEventDelete{
	background: url(static/images/icons/icon_trash.gif) no-repeat 0 -32px;
}

/**
 * Calendar CSS
 **/

.yui-skin-sam {
    background-color:#F2F2F2;
    border:1px solid #808080;
    padding:10px;
}

.yui-skin-sam .yui-calcontainer.multi .title {
	margin:0 -5px 0 -5px;
}

.yui-skin-sam .yui-calcontainer.withtitle {
	padding-top:0;
}

/* CALENDAR TABLE */
.yui-skin-sam .yui-calendar {
	border-spacing:0;
	border-collapse:collapse;
	font:100% sans-serif;
	text-align:center;
}

/* NAVBAR BOUNDING BOX */
.yui-skin-sam .yui-calendar .calhead {
	background:transparent;
	border:none;
	vertical-align:middle;
}

/* NAVBAR TEXT CONTAINER */
.yui-skin-sam .yui-calendar .calheader {
	background:transparent;
	font-weight:bold;
	padding:0 0 .6em 0;
	text-align:center;
}

.yui-skin-sam .yui-calendar .calheader img {
	border:none;
}

/* NAVBAR LEFT ARROW */
.yui-skin-sam .yui-calendar .calnavleft {
	background:url(modules/addEvent/images/left_icon.gif) no-repeat 0 0;
	width:25px;
	height:15px;
	top:0;
	bottom:0;
	left:-10px;
	margin-left:.4em;
	cursor:pointer;
}

/* NAVBAR RIGHT ARROW */
.yui-skin-sam .yui-calendar .calnavright {
	background:url(modules/addEvent/images/right_icon.gif) no-repeat 0 0;
	width:25px;
	height:15px;
	top:0;
	bottom:0;
	right:-10px;
	margin-right:.4em;
	cursor:pointer;
}

/* WEEKDAY HEADER ROW */
.yui-skin-sam .yui-calendar .calweekdayrow {
	height:2em;
}

/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
.yui-skin-sam .yui-calendar .calweekdaycell {
	color:#000;
	font-weight:bold;
	text-align:center;
	width:2em;
}

/* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
.yui-skin-sam .yui-calendar .calfoot {
	background-color:#f2f2f2;
}

/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
.yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
	color:#a6a6a6;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
}

.yui-skin-sam .yui-calendar .calrowhead {
	text-align:right;
	padding-right:2px;
}

.yui-skin-sam .yui-calendar .calrowfoot {
	text-align:left;
	padding-left:2px;
}

/* NORMAL CELLS */
.yui-skin-sam .yui-calendar td.calcell {
	border:1px solid #cccccc;
	background:#fff;
	padding:1px;
	height:1.6em;
	line-height:1.6em; /* set line height equal to cell height to center vertically */
	text-align:center;
	white-space:nowrap;
}

/* LINK INSIDE NORMAL CELLS */
.yui-skin-sam .yui-calendar td.calcell a {
	color:#0066cc;
	display:block;
	height:100%;
	text-decoration:none;
}

/* TODAY'S DATE */
.yui-skin-sam .yui-calendar td.calcell.today {
	background-color:#000;
}

.yui-skin-sam .yui-calendar td.calcell.today a {
	background-color:#fff;
}

/* OOM DATES */
.yui-skin-sam .yui-calendar td.calcell.oom {
	background-color:#cccccc;
	color:#a6a6a6;
	cursor:default;
}

/* SELECTED DATE */
.yui-skin-sam .yui-calendar td.calcell.selected {
	background-color:#fff;
	color:#000;
}

.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color:#b3d4ff;
	color:#000;
}

/* HOVER DATE */
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
	background-color:#426fd9;
	color:#fff;
	cursor:pointer;
}

.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color:#426fd9;
	color:#fff;
}

/* DEFAULT OOB DATES */
.yui-skin-sam .yui-calendar td.calcell.previous {
	color:#e0e0e0;
}

/* CUSTOM RENDERERS */
.yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration:line-through; }
.yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
.yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
.yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
.yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }
/**
 * CORE
 *
 * This is the set of CSS rules required by Calendar to drive core functionality and structure.
 * Changes to these rules may result in the Calendar not functioning or rendering correctly.
 *
 * They should not be modified for skinning.
 **/

/* CALENDAR BOUNDING BOX */
.yui-calcontainer {
	position:relative;
	float:left;
	_overflow:hidden; /* IE6 only, to clip iframe shim */
}

/* CALENDAR TABLE */
.yui-calendar {
	position:relative;
}

/* NAVBAR LEFT ARROW CONTAINER */
.yui-calendar .calnavleft {
	position:absolute;
	z-index:1;
}

/* NAVBAR RIGHT ARROW CONTAINER */
.yui-calendar .calnavright {
	position:absolute;
	z-index:1;
}

/* NAVBAR TEXT CONTAINER */
.yui-calendar .calheader {
	position:relative;
	width:100%;
	text-align:center;
}

/* Specific changes for calendar running under fonts/reset */
.yui-calendar .calbody a:hover {background:inherit;}
p#clear {clear:left; padding-top:10px;}

.timepicker IFRAME,
.yui-calcontainer IFRAME {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-TOP-STYLE: none;
    PADDING-TOP: 0px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    POSITION: absolute;
    BORDER-BOTTOM-STYLE: none;
    LEFT: -1px;
    WIDTH: 50em;
    TOP: -1px;
    HEIGHT: 50em;
}


/* AutoComplete Container */
#addReminderAC, #addCalendarContactAC, #addInviteAC {position:absolute;width:30em;margin-bottom:0;}/* set width of widget here*/
#addReminderAC, #addCalendarContactAC, #addInviteAC {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */
#addReminderAC .yui-ac-content,#addCalendarContactAC .yui-ac-content, #addInviteAC .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
#addReminderAC .yui-ac-shadow, #addCalendarContactAC .yui-ac-shadow, #addInviteAC .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
#addReminderAC ul, #addCalendarContactAC ul, #addInviteAC ul {padding:5px 0;width:100%;}
#addReminderAC li, #addCalendarContactAC li, #addInviteAC li {padding:2px 5px;cursor:default;white-space:nowrap;}

/* -----( autocomplete highlight )----- */
#addReminderAC li.yui-ac-highlight, #addCalendarContactAC li.yui-ac-highlight, #addInviteAC li.yui-ac-highlight {background:#FFFFD3;}

#calendarDayViewLink{
	background: url(modules/calendarList/images/calendar_dayView.gif) no-repeat 0 2px;
	padding: 2px 0 2px 20px;
}

#calendarWeekViewLink{
	background: url(modules/calendarList/images/calendar_weekView.gif) no-repeat 0 2px;
	padding: 2px 0 2px 20px;
}

#calendarMonthViewLink{
	background: url(modules/calendarList/images/calendar_monthView.gif) no-repeat 0 2px;
	padding: 2px 0 2px 20px;
}

#calendarAgendaLink{
	background: url(modules/calendarList/images/calendar_agenda.gif) no-repeat 0 2px;
	padding: 2px 0 2px 20px;
}
#manageCalendarsOverlay table.listing,
#addCalendarsOverlay table.listing {
	width:100%;
}

#addCalendarsOverlay div.scrollable
{
	display:none;
	height:100px;
	overflow-y:auto;
}

#manageCalendarsOverlay table.listing th,
#addCalendarsOverlay table.listing th{
    border-bottom: 1px solid #C9D3DC;
    background: #DFEAF4;
	text-align: left;
	padding: 1px 3px 1px 3px;
}

#manageCalendarsOverlay table.listing th.actions,
#addCalendarsOverlay table.listing th.actions {
    width: 50px;
}

#manageCalendarsOverlay table.listing th.center,
#manageCalendarsOverlay table.listing td.center,
#addCalendarsOverlay table.listing th.center,
#addCalendarsOverlay table.listing td.center{
    text-align: center;
}

#manageCalendarsOverlay table.listing td,
#addCalendarsOverlay table.listing td{
	padding: 3px;
}

#addCalendarsOverlay textarea {
    width:99%;
    line-height:1.27;
    height:65px;
}
#addCalendarsOverlay p {
    padding : 2px;
}

#addCalendarsOverlay div.inline select,
#addCalendarsOverlay div.inline input{
	float: left;
}
#add_calendarContact_input {
    width:180px;
}

.calendarColorBox {
    border:1px solid #AFAFAF;
    display:block;
    position: relative;
    float:left;
    left:40%;
    height:14px;
    width:14px;
    margin:0pt 4px 4px 0pt;
}

#calendarColorPickerMenu {
    position: absolute;
}

#addCalendarsOverlay table.colorPickerMenu {
    padding:0;
    margin:0;
    background-color:#FFFFFF;
    border:1px solid #CDCDCD;
}

#addCalendarsOverlay table.colorPickerMenu td {
    padding:2px;
}

#addCalendarsOverlay .colorPickerSmallBox,
#addCalendarsOverlay table.colorPickerMenu a {
    border:1px solid #AFAFAF;
    display:block;
    height:11px;
    width:11px;
    float:left;
    padding:0;
    margin:1px;
}

#addCalendarsOverlay table.colorPickerMenu a.checked {
    background: url(modules/manageCalendars/images/check_icon.gif) no-repeat 0 0;
}

#calendarColorPickerLink span.dropdown {
    padding: 1pt 7pt 1pt 10pt;
}
/**
 * ++ Calendar: General
 */

#monthView .heading{
    padding: 0;
}

#cal-headers{
    height: 1.5em;
    position: relative;
    font-size: 75%;
    background: #DFEAF4;
    color: #666;
}

/**
 * ++ Calendar: Month View
 */
#calendar-month{
    position: relative;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.month-today{
    background: #FDFBE0;
}

.day-of-month{
    background: #f4f4f4;
    color: #666;
    text-align: right;
    padding-bottom: 2px;
    font-size: 70%;
    position: absolute;
    left:0;
    top:0;
    width:100%;
}

.day-of-month span{
    padding: 2px 2px;
}

.month-today .day-of-month{
    background: #d6d6d6;
    width: 100%;
}

.not-in-month{
    color: #b9b9b9;
}

/**
 * ++ Calendar: Event Bubbles
 */
#month-events{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
}

.month-event{
    overflow: hidden;
    position: absolute;
    font-size: 75%;
    white-space: nowrap;
    color: #267FDB;
    cursor: pointer;
}

.month-event span {
    padding-left: 2px;
}

.more-event {
    text-align: center;
}

.more-text {
    font-size: 90%;
    width: 100%;
    overflow: inherit;
    white-space: inherit;
    cursor: pointer;
}

.month-all-day-event{
    overflow: hidden;
    position: absolute;
    font-size: 75%;
    white-space: nowrap;
    background-color: #267FDB;
    cursor: pointer;
}

.month-all-day-event span {
    padding-left: 2px;
    color: #fff;
}


.pop-up-shadow {
    position: absolute;
    z-index: 5;
    background-color: #666666;
    width: 223px;
}

.pop-up-body {
    border: 1px solid #ABABAB;
    position: absolute;
    z-index: 5;
    background-color: white;
    width: 221px;
}

.pop-up-titlebar {
    background-color: #D6D6D6;
    color: #666666;
    padding: 1px;
    font-size: 70%;
    white-space: nowrap;
}

.pop-up-close {
    position: absolute;
    top: 2px;
    right: 1px;
    background: transparent url(static/images/event_delete.gif) no-repeat 50% 0;
    width: 12px;
    height: 15px;
    cursor: pointer;
}

.pending-action span{
    background: url(modules/monthView/images/icon_alert.gif) no-repeat 2px 1px;
    padding-left: 14px;
    overflow:hidden;
    position:relative;
    display:block;
}
/**
 * Calendar
 */
.invisible{
    visibility: hidden;
}
 
#weekView{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    color: #232323;
    height: 100%;
    background: #fff;
}
 
#gridWrapper, .gridWrapper, .gridWrapperCal{
    position: absolute;
    top: 20px;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 3;
}

.gridWrapperCal{
    border-top: none;
    bottom: 6px;
    top: 0;
}

.horizrule, .horizrule-alt{
    width: 100%;
    position: absolute;
    left: 0;
    border-top: 1px solid #dbdbdb;
    height: 1px;
}

.horizrule-alt{
    border-top: 1px dotted #dbdbdb;
}

.vertrule{
    height: 100%;
    position: absolute;
    left: 0;
    width: 1px;
    border-left: 1px solid #dbdbdb;
}

.heading{
    background: #dfeaf4;
    padding: 5px 0;
    border-bottom: 1px solid #999;
}

.cal-headers{
    height: 1.5em;
    position: relative;
    font-size: 75%;
    background: #DFEAF4;
    color: #666;
}

.calheader{
    position: absolute;
    text-align: center;
    top: 2px;
}

.calheader-today{
    font-weight: bold;
    text-decoration: underline;
}

.centered-headers{
    margin-left: 40px;
    margin-right: 16px;
}

/**
 * ++ Calendar: Week View
 */

/** 
* Time headings
*/
#week-head-cell{
    width: 40px;
/*    background: #DFEAF4;*/
    padding: 0;
}

#week-days-cell{
    padding: 0;
}

#week-headers{
    height: 100%;
    width: 40px;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 72em;
}

.row-header{
    color: #666;
}

.row-header-text{
    font-size: 70%;
    padding-top: 2px;
    text-align: right;
    padding-right: 3px;
    border-top: 1px solid #dbdbdb;
}

/**
* Grid containing week days
*/
#week-grid{
    position: relative; 
    height: 72em;
}


#weekboxes{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.week-today{
    background: #FDFBE0;
}

.cur-day{
    background: #FDFBE0;
}

.day-col{
    position: absolute;
    width: 14.285714%;
    height: 100%;
}

.day-col div{
    margin-left: 1px;
    margin-right: -1px;
}

.hour-top, .hour-bottom{
    height: 1.5em;
}

/**
 * All Day Events
 */
#all-day-events-grid{
    height: 1.5em;
    position: relative;
    font-size: 75%;
    background: #efefef;
    border-top: 1px solid #dbdbdb;
    color: #666;
    margin-left: 40px;
    margin-right: 15px;
    margin-top: 5px;
}

#all-day-boxes{
    display: block;
}

.all-day-list{
    position: absolute;
    height: 100%;
    width: 14.285714%;
}

#all-day-events{
    display: block;
    height: 100%;
    width: 100%;
}

/**
 * ++ Calendar: Event Bubbles
 */
#week-events{
/*    position: absolute;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
}

.week-event{
    overflow: hidden;
    position: absolute;
    font-size: 75%;
    background: #267FDB;
    cursor: default;
}

.all-day-event{
    width: 14.2857%;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 1px;
    margin-right: 1px;
    background: #ADD5FE;
}

.event-details-cont{
/*    position: absolute;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    bottom: 0;*/
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    _height:100%;
}

.event-titlebar{
    color: #fff;
    padding: 1px;
    font-size: 80%;
    white-space: nowrap;
    height:12px;
}

.event-info{
    height: 15px;
    position: absolute;
    overflow: hidden;
    margin-left: 3px;
}

.event-reminder{
    background: transparent url(modules/weekView/images/clock-fff.gif) no-repeat 50% 0;
    width: 10px;
    height: 15px;
    float: left;
}

.event-recurrence{
    background: transparent url(modules/weekView/images/repeat-fff.gif) no-repeat 50% 0;
    width: 13px;
    height: 15px;
    float: left;
}

.event-action{
    background: transparent url(modules/weekView/images/invite-fff.gif) no-repeat 50% 0;
    width: 10px;
    height: 15px;
    float: left;
    cursor: pointer;
}

.event-delete{
    position: absolute;
    top: 2px;
    right: 0;
    background: #267FDB url(static/images/event_delete.gif) no-repeat 50% 0;
    width: 12px;
    height: 13px;
    cursor: pointer;
}

.week-event .event-body{
    margin: 0 1px;
    padding: 1px;
    overflow: hidden;

    bottom: 5px;
    top: 15px;
    right: 0;
    left: 0;
    position: absolute;
}

.all-day-event .event-body{
    margin: 0 1px;
    padding: 1px;
    overflow: hidden;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.event-text{
    color: #000;
    font-size: 95%;
    width: 100%;
    overflow: inherit;
    white-space: inherit;
}

.all-day-event .event-text{
    color: #fff;
}

.week-event-hasaux div.event-body,
.week-event-isaux div.event-body{
    bottom: -5px;
}

.week-event-hasaux div.opacity-helper,
.week-event-isaux div.opacity-helper{
    bottom: -5px;
}

.week-event-hasaux div.event-resize,
.week-event-isaux div.event-resize{
    display: none;
}

.week-event-isaux div.event-body,
.week-event-isaux-tail div.event-body {
    top: 0;
}

.week-event-isaux div.opacity-helper,
.week-event-isaux-tail div.opacity-helper{
    top: 0;
}

.week-event-isaux div.event-titlebar,
.week-event-isaux-tail div.event-titlebar{
    display: none;
}

.event-resize{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    cursor: s-resize;
    background: transparent url(modules/weekView/images/resize-arrow.gif) no-repeat 50% 50%;
    color: #fff;
    z-index: 10;
    width: 100%;
}

/**
 * Displays white mask behind event body.  Allows us to use a single
 * color for events, but still allows the body to be a lighter shade
 * of the calendar event's bg color.
 */
.opacity-helper{
    position: absolute;
    top: 15px;
    bottom: 5px;
    left: 1px;
    right: 1px;
    z-index: -1;
    opacity: 0.8;
    background: #fff;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/**
 * Drag proxy for calendar week/day events
 */
#evdragproxy__{
    opacity: .5;
}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* Menu styles */

div.yuimenu {

    background-color:#f6f7ee;
    border:solid 1px #c4c4be;
    padding:1px;
    
}

/* Submenus are positioned absolute and hidden by default */

div.yuimenu div.yuimenu,
div.yuimenubar div.yuimenu {

    position:absolute;
    visibility:hidden;

}

/* MenuBar Styles */

div.yuimenubar {

    background-color:#f6f7ee;
    
}

/*
    Applying a width triggers "haslayout" in IE so that the module's
    body clears its floated elements
*/
div.yuimenubar div.bd {

    width:100%;

}

/*
    Clear the module body for other browsers
*/
div.yuimenubar div.bd:after {

    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;

}

/* Matches the group title (H6) inside a Menu or MenuBar instance */

div.yuimenu h6,
div.yuimenubar h6 { 

    font-size:100%;
    font-weight:normal;    
    margin:0;
    border:solid 1px #c4c4be;
    color:#b9b9b9;    

}

div.yuimenubar h6 {

    float:left;
    display:inline; /* Prevent margin doubling in IE */
    padding:4px 12px;
    border-width:0 1px 0 0;
    
}

div.yuimenu h6 {

    float:none;
    display:block;
    border-width:1px 0 0 0;
    padding:5px 10px 0 10px;

}

/* Matches the UL inside a Menu or MenuBar instance */

div.yuimenubar ul {

    list-style-type:none;
    margin:0;
    padding:0;

}

div.yuimenu ul {

    list-style-type:none;
    border:solid 1px #c4c4be;
    border-width:1px 0 0 0;
    margin:0;
    padding:10px 0;

}

div.yuimenu ul.first-of-type, 
div.yuimenu ul.hastitle,
div.yuimenu h6.first-of-type {

    border-width:0;

}

/*
    Styles for the menu's header and footer elements that are used as controls 
    to scroll the menu's body element when the menu's height exceeds the 
    value of the "maxheight" configuration property.
*/

div.yuimenu div.topscrollbar,
div.yuimenu div.bottomscrollbar {

    height:16px;
    background-image:url(map.gif);
    background-repeat:no-repeat;

}


div.yuimenu div.topscrollbar {

    background-image:url(map.gif);
    background-position:center -72px;

}


div.yuimenu div.topscrollbar_disabled {

    background-image:url(map.gif);
    background-position:center -88px;

}


div.yuimenu div.bottomscrollbar {

    background-image:url(map.gif);
    background-position:center -104px;

}


div.yuimenu div.bottomscrollbar_disabled {

    background-image:url(map.gif);
    background-position:center -120px;

}


/* MenuItem and MenuBarItem styles */

div.yuimenu li,
div.yuimenubar li {

    font-size:85%;
    cursor:pointer;
    cursor:hand;
    white-space:nowrap;
    text-align:left;

}

div.yuimenu li.yuimenuitem {

    padding:2px 24px;
    
}

div.yuimenu li li,
div.yuimenubar li li {

    font-size:100%;

}


/* Matches the help text for a menu item */

div.yuimenu li.hashelptext em.helptext {

    font-style:normal;
    margin:0 0 0 40px;

}

div.yuimenu li a,
div.yuimenubar li a {
    
    /*
        "zoom:1" triggers "haslayout" in IE to ensure that the mouseover and 
        mouseout events bubble to the parent LI in IE.
    */
    zoom:1;
    color:#000;
    text-decoration:none;
    
}

div.yuimenu li.hassubmenu,
div.yuimenu li.hashelptext {

    text-align:right;

}

div.yuimenu li.hassubmenu a.hassubmenu,
div.yuimenu li.hashelptext a.hashelptext {

    /*
        Need to apply float immediately for IE or help text will jump to the 
        next line 
    */

    *float:left;
    *display:inline; /* Prevent margin doubling in IE */
    text-align:left;

}

div.yuimenu.visible li.hassubmenu a.hassubmenu, 
div.yuimenu.visible li.hashelptext a.hashelptext {

    /*
        Apply the float only when the menu is visible to prevent the help
        text from wrapping to the next line in Opera.
    */

    float:left;

}


/* Matches selected menu items */

div.yuimenu li.selected,
div.yuimenubar li.selected {

    background-color:#8c8ad0;

}

div.yuimenu li.selected a.selected,
div.yuimenubar li.selected a.selected {

    text-decoration:underline;

}

div.yuimenu li.selected a.selected,
div.yuimenu li.selected em.selected, 
div.yuimenubar li.selected a.selected {

    color:#fff;

}


/* Matches disabled menu items */

div.yuimenu li.disabled, 
div.yuimenubar li.disabled {

    cursor:default;

}

div.yuimenu li.disabled a.disabled,
div.yuimenu li.disabled em.disabled,
div.yuimenubar li.disabled a.disabled {

    color:#b9b9b9;
    cursor:default;
    
}

div.yuimenubar li.yuimenubaritem {

    float:left;
    display:inline; /* Prevent margin doubling in IE */
    border-width:0 0 0 1px;
    border-style:solid;
    border-color:#c4c4be;
    padding:4px 24px;
    margin:0;

}

div.yuimenubar li.yuimenubaritem.first-of-type {

    border-width:0;

}


/* Styles for the the submenu indicator for menu items */

div.yuimenu li.hassubmenu em.submenuindicator, 
div.yuimenubar li.hassubmenu em.submenuindicator {

    display:-moz-inline-box; /* Mozilla */
    display:inline-block; /* IE, Opera and Safari */
    vertical-align:middle;
    height:8px;
    width:8px;
    text-indent:9px;
    font:0/0 arial;
    overflow:hidden;
    background-image:url(map.gif);
    background-repeat:no-repeat;

}

div.yuimenubar li.hassubmenu em.submenuindicator {

    background-position:0 -24px;
    margin:0 0 0 10px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.selected {

    background-position:0 -32px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -40px;

}

div.yuimenu li.hassubmenu em.submenuindicator {

    background-position:0 0;
    margin:0 -16px 0 10px;

}

div.yuimenu li.hassubmenu em.submenuindicator.selected {

    background-position:0 -8px;

}

div.yuimenu li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -16px;

}


/* Styles for a menu item's "checked" state */

div.yuimenu li.checked {

    position:relative;

}

div.yuimenu li.checked em.checkedindicator {

    height:8px;
    width:8px;
    text-indent:9px;
    overflow:hidden;
    background-image:url(map.gif);
    background-position:0 -48px;
    background-repeat:no-repeat;
    position:absolute;
    left:6px;
    _left:-16px; /* Underscore hack b/c this is for IE 6 only */
    top:.5em;

}

div.yuimenu li.checked em.checkedindicator.selected {

    background-position:0 -56px;

}

div.yuimenu li.checked em.checkedindicator.disabled {

    background-position:0 -64px;

}
#contactsImportExport {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	color: #232323;
	height: 100%;
    background: #fff;
}

#contactsImportExport .titleBar {
	overflow: visible;
}

#contactsImportExportTable th {
	border-bottom: 1px solid #DFEAF4;
	border-right: 1px solid #DFEAF4;
	padding: 10px;
	text-align: right;
	vertical-align: top;
	width: 200px;
}

#contactsImportExportTable th h3 {
	color: #000000;
}

#contactsImportExportTable th span.hint {
	color: #999999;
	display: block;
	font-size: 90%;
	font-weight: normal;
	margin-top: 0.5em;
	width: 100%;
}

#contactsImportExportTable ul.toolbar { 
	margin-top: 20px;
}

table#contactsImportExportTable {
	margin-left: 40px;
	margin-top: 20px;
}

table#contactsImportExportTable td {
	padding: 8px 2px 10px 4px;
	vertical-align: top;
}

#contactsImportExportSection {
	padding: 5px 5px 10px 10px;
}

#importSpecificTable td {
	padding: 4px 20px 2px 4px !important;
	vertical-align: top;
}

#btnImportSpecific {
	/*background: transparent url(modules/contactsImportExport/images/icon_import.gif) no-repeat 0px 3px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1860px;
}

/* to hide the import browse button */
input#importGenericUploadFile {
	cursor: pointer !important;
	font-size: 11pt;
	left: -210px;
	opacity: 0;
	position: relative;
}

.backgroundUploadIFrame {
    width: 0;
    height: 0;
    visibility: hidden;
}

#btnImportGeneric {
	/*background: transparent url(modules/contactsImportExport/images/icon_import.gif) no-repeat 0px 3px;*/
	background-image:url(static/images/sprite1-icons.gif);
	background-repeat:no-repeat;
	background-position: 0px -1918px;
}

#contactsImportExportSection li.button a span {
	cursor: pointer;
	display: block;
	font-size: 11px;
	padding: 2px 0pt 2px 19px;
	position: relative;
}

#btnExportContactsFile {
	/*background: transparent url(modules/contactsImportExport/images/icon_import.gif) no-repeat 0px 3px;*/
	background-image: url(static/images/sprite1-icons.gif);
	background-repeat: no-repeat;
	background-position: 0px -1950px;
}