/*****************************************************************************************
Pages
*****************************************************************************************/
html, body
{
	height: 100%;
	background-image: url(../../images/back.png);
	background-color: #70A7BF;
	background-repeat: repeat;
	font-family: Arial;
	margin: 0px 0px 0px 0px;
	color: #333;
	font-size: 12px;
}
body, div, td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a
{
	outline: none;
	border: 0;
}

#body-left-gradient
{
	width: 146px;
	background-image: url(../../images/back.png);
	background-repeat: repeat;
}
#body-right-gradient
{
	width: 146px;
	background-image: url(../../images/back.png);
	background-repeat: repeat;
}
#body-middle
{
	background-color: #70A7BF;
}
hr
{
	border: 1px solid #FDE4C7;
	background-color: #FDE4C7;
	color: #FDE4C7;
}
h1
{
	color: #356684;
	font-family: 'Arial Black';
	font-weight: normal;
	font-size: 25px;
	text-transform: none;
}
h2
{
	color: #4D9ABB;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-transform: none;
}
h3, h3 label
{
	color: #7E6C4D;
	font-family: arial, Helvetica, sans-serif;
	font-weight: normal;
	font-weight: bold;
	font-size: 15px;
	text-transform: none;
}
/* this is for the fieldsets / legends */
.fsborder 
{
	/*border: solid 2px #F0EBCB;*/ 
	border: solid 2px #E0DBBE;
	padding-left: 10px;
	padding-right: 10px;
}

/* sprites - size 3 in scale 1-4 to be used for non-fixed size square buttons/linkimages */
.spriteimage3
{	
	background-image:url(http://images.newpanda.com/web/buttonsprite.png);
	height: 20px;
	/*width: 100px; */
	background-position: -35px -250px;
	cursor:pointer;
	background-repeat: no-repeat;    
	display: inline-block;
	background-color: transparent;
	text-align:center;
	border-width:0px;
	vertical-align:middle;
	outline: none;
	color:#61210B;
	font-weight:bold;
}

.spriteimage3 a:link 
{
	text-decoration:none;
	color:#61210B;
	font-weight:bold;
	position:relative;
	top: 3px;
}

/* this is the standard telerik tooltip styling */
.rtWrapperContent 
 { 
    padding: 10px !important; 
    background-color: #F0EBCB !important; 
    /*color: Red !important; */

 }

/* use spritebtn3 in fixed size buttons */
.spritebtn3
{
	
	background-image:url(http://images.newpanda.com/web/buttonsprite.png);
	/*Width: 128;
	Height: 35; */
	background-position: -28px -246px;
	cursor:pointer;
	background-repeat: no-repeat;    
	display: inline-block;
	background-color: transparent;
	border-width:0px;
	outline: none;
	color:#61210B;
	font-weight:bold;
}

/* use spritelink3 in fixed size link images */
.spritelink3
{
	background-image:url(http://images.newpanda.com/web/buttonsprite.png);
	background-position: -28px -246px;
	display: inline-block;
	background-color: transparent;
	width: 128px; 
	height: 35px; 
	float: left; 
	background-repeat: no-repeat;
	text-align:center;
	/* move the image up */
	position:relative;
	top: -10px !important;
	background-attachment:scroll;
}

.spritelink3 a
{
	margin-top:5px;
	width:128px;
	height:30px;
	vertical-align:text-bottom;
	text-decoration:none;
	color:#61210B;
	font-weight:bold;
/* move the text down */
	position:relative;
	top: 5px !important;
}


.inputLabel, .labelPad
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	font-style: normal;
	color: #454545;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}

.inputLabel, .labelPadRequired, requiredLiteral
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	font-style: normal;
	color: #454545;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	padding-right: 3px;
}
.inputLabelSmall, .labelPadSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	font-style: italic;
	color: #666666;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

.inputLabelLeft, .labelPadLeft
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	font-style: italic;
	color: #454545;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
.popupContainer
{
	color: #333333;
	background-color: White;
	padding: 10px;
}
.contentContainer
{
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	color: #333333;
	width: 645px;
}
.bodyContent
{
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
.clear
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 0px;
	color: #333333;
}
.fileInputCoverSpan
{
	border-style: solid !important;
	border-color: #CCCCCC !important;
	color: #333333;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 12px !important;
	outline-color: #CCCCCC !important;
	outline-width: medium !important;
	border-width: 2px !important;
	padding: 2px;
	background-color: #E4E4E4;
	font-style: italic;
	overflow: hidden;
}
/*****************************************************************************************
Left Panel
*****************************************************************************************/
.left-column-title
{
	background-color: #E4EEF3;
	color: #0A435C;
	padding: 3px;
	text-align: left;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
.left-column-sub-panel
{
	width: 245px;
	margin-bottom: 20px;
}
.left-grid-small-text
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	white-space: nowrap;
}
.left-grid-small-text-link
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3366FF;
	white-space: nowrap;
	text-decoration: underline;
}
.left-panel-container
{
	width: 245px;
	height: 100%;
	background-color: #E4EEF3;
	color: #333333;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}
.left-panel-content
{
	border: 1px solid #F3F2EC;
	background-color: #D1DFE0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E2F2F;
	padding-left: 8px;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: normal;
	width: 235px;
}

.left-panel-container-static
{
	background-color: #E4EEF3;
	color: #0A435C;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}
.left-panel-container-static #__leftColumntdStaticDiv
{
	width: 100%;
	height: 100%;
	background-color: #E4EEF3;
	color: #0A435C;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.left-panel-pane
{
	background-color: #E4EEF3;
}
.left-panel-zone
{
	background-color: #E4EEF3;
}



/*****************************************************************************************
University
*****************************************************************************************/

.university-outer-panel
{
	border: 1px solid #F3F2EC;
	background-color: #F0EBCB;
	color: #313131;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
}
.university-sub-panel
{
}
.university-title
{
	padding-top: 5px;
}
.university-content
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #313131;
	font-weight: normal;
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/*****************************************************************************************
DropDownListTelerik
*****************************************************************************************/
.DropDownListTelerik:hover
{
	border-color: #D87F10 !important;
}
.DropDownListTelerik:focus
{
	border-color: #356785 !important;
	outline-color: #356785 !important;
}

.DropDownListTelerik
{
	border-style: solid !important;
	border-color: #CCCCCC !important;
	color: #000000 !important;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	outline-color: #CCCCCC !important;
	outline-width: medium !important;
	border-width: 2px !important;
}

/*****************************************************************************************
DropDownList
*****************************************************************************************/
.DropDownList:hover
{
	border-color: #D87F10 !important;
}
.DropDownList:focus
{
	border-color: #356785 !important;
	outline-color: #356785 !important;
}

.DropDownList
{
	border-style: solid !important;
	border-color: #CCCCCC !important;
	color: #000000 !important;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	outline-color: #CCCCCC !important;
	outline-width: medium !important;
	border-width: 2px !important;
	padding: 3px;
}
/************************************************************************************
Checkbox
*************************************************************************************/
.CheckBox
{
	border: solid 2px transparent;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	border-width: 2px !important;
	padding: 1px;
}
.CheckBox:hover
{
	border: solid 2px #D87F10;
}
.CheckBox:focus
{
	border: solid 2px #356785;
}

/*****************************************************************************************
RadTextbox
*****************************************************************************************/
.Prompt
{
	color: #999999 !important;
	font-style: italic;
}

/*****************************************************************************************
RadTextbox
*****************************************************************************************/
.RadTextBoxEmptyMessage
{
	color: #999999 !important;
}
/*****************************************************************************************
Textbox
*****************************************************************************************/
.TextBox:hover
{
	border-color: #D87F10 !important;
}
.TextBox:focus
{
	border-color: #356785 !important;
	outline-color: #356785 !important;
	outline-width: 1px;
	outline: none;
}

.TextBox
{
	border-style: solid !important;
	border-color: #CCCCCC !important;
	color: #000000 !important;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	outline-color: #CCCCCC !important;
	outline-width: medium !important;
	border-width: 2px !important;
	padding: 3px;
}
/*****************************************************************************************
TextArea
*****************************************************************************************/
textarea:hover
{
	border-color: #D87F10 !important;
}
textarea:focus
{
	border-color: #356785 !important;
	outline-color: #356785 !important;
	outline-width: 1px;
	outline: none;
}

textarea
{
	border-style: solid !important;
	border-color: #CCCCCC !important;
	color: #000000 !important;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	outline-color: #CCCCCC !important;
	outline-width: medium !important;
	border-width: 2px !important;
	padding: 3px;
}

/*****************************************************************************************
ListBox
*****************************************************************************************/
.ListBox:hover
{
	border-color: #D87F10 !important;
}
.ListBox:focus
{
	border-color: #356785 !important;
	outline-color: #356785 !important;
}

.ListBox
{
	border-style: solid !important;
	border-color: #CCCCCC !important;
	color: #000000 !important;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	outline-color: #CCCCCC !important;
	outline-width: medium !important;
	border-width: 2px !important;
	padding: 5px;
}

/************************************************************************************
Main toolbar
************************************************************************************/

/** Tab - Inactive *****************************************************************/
.mainToolbarTab
{
	height: 38px;
	cursor: pointer;
	color: White;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}
.mainToolbarTab table
{
	width: 140px;
}
.mainToolbarTab table tr .mainToolbarTabMiddle
{
	background-image: url(../../images/maintoolbar/tab-inactive-middle.png);
	background-repeat: repeat-x;
	height: 38px;
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	vertical-align: top;
}
.mainToolbarTab table tr .mainToolbarTabLeft
{
	background-image: url(../../images/maintoolbar/tab-inactive-left.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 38px;
}
.mainToolbarTab table tr .mainToolbarTabRight
{
	background-image: url(../../images/maintoolbar/tab-inactive-right.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 38px;
}


/** Tab - Selected *****************************************************************/
.mainToolbarSpacer
{
	text-align: center;
	width: 30px;
	float: left;
	line-height: 10px;
}
.mainToolbarTabSelected
{
	height: 38px;
	cursor: pointer;
	color: #7E6C4D;
	font-weight: bold;
	text-transform: uppercase;
}
.mainToolbarTabSelected table
{
	width: 140px;
}
.mainToolbarTabSelected table tr .mainToolbarTabMiddle
{
	background-image: url(../../images/maintoolbar/tab-selected-middle.png);
	background-repeat: repeat-x;
	height: 38px;
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	vertical-align: top;
}
.mainToolbarTabSelected table tr .mainToolbarTabLeft
{
	background-image: url(../../images/maintoolbar/tab-selected-left.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 38px;
}
.mainToolbarTabSelected table tr .mainToolbarTabRight
{
	background-image: url(../../images/maintoolbar/tab-selected-right.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 38px;
}



.ToolbarContainer
{
	white-space: nowrap;
}
.MainToolbarContainer
{
	background-image: url(../../images/maintoolbar/main-toolbar-button-container-background.png);
	background-repeat: repeat-x;
	background-color: #E0DBBE;
	color: #4D4C47;
	height: 56px;
	width: 100%;
	white-space: nowrap;
	text-align: center;
}
.mainToolbarMenuContainer
{
	/* 	background-image: url(../../images/maintoolbar/main-toolbar-background.png); 	background-repeat: repeat-x; */
	background-color: #70A7BF;
	color: #C1D0D9;
	height: 125px;
	width: 100%;
	white-space: nowrap;
}
.mainToolbarButton2
{
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	font: bold 13px Arial, Verdana, Sans-serif;
	color: #333333;
	cursor: pointer;
	text-decoration: none;
}
.mainToolbarLogoSpacer
{
	width: 154px;
	height: 56px;
	float: left;
}
.mainToolbarButton
{
	background-image: url(../../images/maintoolbar/main-toolbar-button-container-background.png);
	background-repeat: repeat-x;
	vertical-align: middle;
	float: left;
	text-align: center;
	font: bold 13px Arial, Verdana, Sans-serif;
	color: #333333;
	cursor: pointer;
	text-decoration: none;
	text-transform: none;
	height: 56px;
	background-color: #DCD7B7;
	z-index: 1000;
}
.mainToolbarWaitImage
{
	float: right;
	height: 56px;
	width: 30px;
	padding: 10px;
	padding-right: 5px;
}
.mainToolbarWaitImage div
{
	background-image: url(../../images/busy_mozilla_blu.gif);
	background-repeat: no-repeat;
}
.mainToolbarButton img
{
	height: 22px;
}
.mainToolbarButton div
{
	line-height: 35px;
	padding-left: 5px;
	padding-right: 5px;
	height: 34px;
	z-index: 1001;
}
.mainToolbarButton:hover, .mainToolbarButton label:hover
{
	color: #356785;
}
.mainToolbarButton tr td img
{
	text-transform: none;
	text-decoration: none;
	border: solid 0px transparent;
}
.mainToolbar a
{
	text-transform: none;
	text-decoration: none;
	border: solid 0px transparent;
}
.mainToolbarSeparator
{
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
}
.toolbarLinks
{
	color: white;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-style: italic;
	text-transform: none;
}
.toolbarLinks:hover
{
	color: #356785;
}
/************************************************************************************
SubToolbarContainer
*************************************************************************************/
.SubToolbarContainer
{
	background-color: #F0EBCB;
	color: #333333;
	text-decoration: none;
	font-family: arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 60px;
	padding-right: 10px;
}
.SubToolbarContainerBottom
{
	background-image: url(../../images/maintoolbar/sub-toolbar-background.png);
	background-repeat: repeat-x;
	background-color: #F0EBCB;
	height: 11px;
}
.SubToolbarLink
{
	padding: 5px;
	border: 1px solid transparent;
	color: #356684;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
}
.SubToolbarLink:hover
{
	border: 1px solid #356684;
	color: #25485C;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
}
.SubToolbarButton
{
	padding: 5px;
	border: 1px solid transparent;
	color: #356684;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
	width: 40px;
	white-space: nowrap;
}
.SubToolbarButton img
{
	border: 0;
}
.SubToolbarButton:hover
{
	border: 1px solid #356684;
	color: #25485C;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
}

.imageLinkButtonRight
{
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #25485C;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
	margin-right: 10px;
	display: block;
}

.imageLinkButton
{
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #25485C;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
	margin-left: 10px;
	display: block;
}


.imageLinkButton:hover, .imageLinkButtonRight:hover
{
	border: 1px solid #356684;
	color: #4183AF;
}
.linkButton
{
	background-color: #828181;
	color: #FFFFFF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	display: block;
}
.linkButton:hover
{
	background-color: #70A7BF;
}
.linkButton:focus
{
	background-color: #356785;
}

.imageLinkButtonUpload
{
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-image: url(../../images/actiontoolbar/update.gif);
	background-position: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: Black;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-left: 10px;
	display: block;
}
.imageLinkButtonUpload:hover
{
	border: 1px solid #808080;
}

.imageLinkButtonSave
{
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-image: url(../../images/actiontoolbar/update.gif);
	background-position: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-left: 10px;
	display: block;
	background-color: #376683;
}



.imageLinkButtonSearch
{
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-image: url(../../images/actiontoolbar/search.png);
	background-position: left;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-left: 10px;
	display: block;
	background-color: #376683;
}
.imageLinkButtonDelete
{
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-image: url(../../images/actiontoolbar/delete.gif);
	background-position: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-left: 10px;
	display: block;
	background-color: #376683;
}

.imageLinkButtonCancel
{
	border-style: solid;
	border-width: 1px;
	border-color: #A9A8A8 transparent transparent transparent;
	background-repeat: no-repeat;
	background-image: url(../../images/actiontoolbar/cancel.gif);
	background-position: left;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-left: 10px;
	display: block;
	background-color: #787575;
}

.imageLinkButtonCancel:hover
{
	background-color: #999999;
}

.imageLinkButtonDelete:hover, .imageLinkButtonSearch:hover, .imageLinkButtonSave:hover
{
	background-color: #659EB8;
}
/***********************************************************************************************
Grids
***********************************************************************************************/
.gridColorButton
{
	background-color: #659EB8;
	color: #FFFFFF;
	border-style: solid !important;
	border-color: #659EB8 !important;
	color: #FFFFFF !important;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	outline-color: #659EB8 !important;
	outline-width: medium !important;
	border-width: 2px !important;
	padding: 5px;
	text-decoration: none;
}
.gridColorButton:hover
{
	border-color: #376683;
	outline-color: #376683 !important;
	background-color: #376683;
}
.gridColorDeleteButton
{
	background-color: #990000;
	color: #FFFFFF;
	border-style: solid !important;
	border-color: #990000 !important;
	color: #FFFFFF !important;
	font-family: 'Lucida Grande' , 'Helvetica Neue' , Helvetica, Arial, Verdana, 'sans-serif !important';
	font-size: 1.1em !important;
	outline-color: #990000 !important;
	outline-width: medium !important;
	border-width: 2px !important;
	padding: 5px;
	text-decoration: none;
}
.gridColorDeleteButton:hover
{
	border-color: #376683;
	outline-color: #376683 !important;
	background-color: #FF0000;
}

.radGridHeaderStyle
{
	background-image: none !important;
	background-color: #E0DBBE !important;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.radGridAlternatingItemStyle
{
	background-color: #FCF8E4 !important;
	font-family: arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	color: #6C6A5E !important;
}
.gridLink
{
	font-family: Arial;
	font-size: 11px;
	color: #6C6A5E;
	text-decoration: underline;
}
.gridLinkButton
{
	font-family: Arial;
	font-size: 11px;
	color: #6C6A5E;
	text-decoration: underline;
	border: solid 1px transparent;
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	display: block;
}
.gridLinkButton:hover
{
	border: 1px solid #67655C;
}
/************************************************************************************
Action toolbar
************************************************************************************/
.actionToolbarContainer
{
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	color: #356684;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
	text-align: right;
	white-space: nowrap;
	height: 30px;
}


.actionToolbarButton
{
	float: right;
	padding: 10px;
}
.actionToolbarButton table tr td label
{
	border: 1px solid transparent;
	color: #25485C;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
	float: right;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left: -25px;
	margin-top: -5px;
	margin-bottom: -5px;
}
.actionToolbarButton table tr td label:hover
{
	border: 1px solid #356684;
	color: #4183AF;
}





.actionToolbarButtonLarge
{
	float: right;
	padding: 10px;
}
.actionToolbarButtonLarge table tr td label
{
	border: 1px solid transparent;
	color: #25485C;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
	float: right;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-left: -30px;
	margin-top: -10px;
	margin-bottom: -10px;
}
.actionToolbarButtonLarge table tr td label:hover
{
	border: 1px solid #356684;
	color: #4183AF;
}


.actionToolbarButtonExtraLarge
{
	float: right;
	padding-right: 10px;
}
.actionToolbarButtonExtraLarge table tr td label
{
	border: 1px solid transparent;
	color: #25485C;
	text-decoration: none;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	text-transform: none;
	float: right;
	padding-left: 45px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-left: -35px;
	margin-top: -15px;
	margin-bottom: -15px;
}
.actionToolbarButtonExtraLarge table tr td label:hover
{
	border: 1px solid #356684;
	color: #4183AF;
}

/************************************************************************************
Header
*************************************************************************************/
.headerNameLabel
{
	color: #FFFFFF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
}
.headerEmailLabel
{
	color: #D4D077;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}
.headerText
{
	color: #C0F7FE;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.headerLinks
{
	color: #C0F7FE;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.headerLinks:hover
{
	color: #376683;
}

/************************************************************************************
Footer
*************************************************************************************/
.footerContainer
{
	background-image: url(../../images/back.png);
	background-repeat: repeat;
	padding: 25px;
	color: #848E8D;
}
.footerLinksContainer
{
	color: white;
	text-transform: lowercase;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.footerLinksContainerHidden
{
	color: #70A7BF;
	background-color: #70A7BF;
	font-weight: bold;
}
.footerLinks:hover
{
	cursor: pointer;
}
.footerLinks
{
	color: white;
	text-transform: lowercase;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
/************************************************************************************
charts
*************************************************************************************/
.chartLegendLabel
{
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 150px;
	text-align: right;
	vertical-align: middle;
	font-size: 10px;
	font-family: Arial;
	white-space: nowrap;
}
.chartLegendValue
{
	border: 1px solid blue;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	width: 60px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
}
.chartLegendLabelText
{
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 150px;
	text-align: right;
	vertical-align: middle;
	font-size: 10px;
	font-family: Arial;
	white-space: nowrap;
}
.chartLegendDescription
{
	color: #004080;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	width: 50px;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.chartLegendDescriptionText
{
}


/************************************************************************************
Messages
*************************************************************************************/
.information
{
	border: 1px solid #CC9900;
	background-color: #EEE9C5;
	font-weight: normal;
	text-align: left;
	padding: 15px;
	color: #333333;
}
.SmallError
{
	border: 1px solid #800000;
	background-color: #FF0000;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 2px;
}
.SmallMessage
{
	border: 1px solid #CC9900;
	background-color: #FFFF99;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}
.Message
{
	border: 1px solid #CC9900;
	background-color: #FFFF99;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}
.Error
{
	color: Red;
	font-weight: bold;
	text-align: left;
}


.ErrorMessage
{
	border: 1px solid #800000;
	background-color: #FF0000;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
/************************************************************************************
Rounded Panels
*************************************************************************************/
.roundedPanel
{
	behavior: url(style/curvedborder.htc);
	border: 4px solid #CCCCCC;
}

.roundedPanel div
{
	background-color: White;
}
.roundedPanel .Message
{
	border: 1px solid #CC9900;
	background-color: #FFFF99;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}



/***************************************************************
Contact Entry
****************************************************************/
.EnteredListEntryDiv
{
	background-color: white;
	border: 1px solid #808080;
	display: block;
	overflow: auto;
}
.EnteredListEntryDiv #inputBox
{
	border: solid 0px transparent !important;
	padding: 5px;
	float: left;
}
.EnteredListEntryDiv #outerSpan
{
	float: left;
	padding: 4px 4px 4px 4px;
	white-space: nowrap;
}
.EnteredListEntryDiv #outerSpan #innerSpan
{
	float: left;
	padding: 4px 4px 4px 4px;
	border: 1px solid #70A7BF;
	background-color: #F0EBCB;
	white-space: nowrap;
}
.EnteredListEntryDiv #outerSpan #innerSpan #groupNameSpan
{
	padding: 3px;
	background-color: #F0EBCB;
	white-space: nowrap;
}
.EnteredListEntryDiv #outerSpan #innerSpan #separatorSpan
{
	background-color: white;
	color: #000066;
	vertical-align: middle;
	margin: 0px;
	width: 2px;
	height: 15px;
	white-space: nowrap;
}
.EnteredListEntryDiv #outerSpan #innerSpan #deleteSpan
{
	cursor: pointer;
	border-left: 1px solid #70A7BF;
	background-color: #F0EBCB;
	color: #454545;
	padding: 4px;
	vertical-align: middle;
	margin: 0px;
	white-space: nowrap;
}
.EnteredListEntryDiv #outerSpan #innerSpan #deleteSpan:hover
{
	background-color: #99CCFF;
}

.intellisenseDiv
{
	border: 1px solid #666666;
	background-color: #F0F0F0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px 2px 2px 2px;
	position: absolute;
}

.intellisenseDivNode
{
	background-color: #F0F0F0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 4px 15px 4px 15px;
}
.intellisenseDivNode:hover
{
	background-color: #D68114;
	color: #FFFFFF;
}
.intellisenseDivNodeSelected
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFF99;
	color: #000000;
	padding: 4px 15px 4px 15px;
}

/*****************************************************************************************
Grids
*****************************************************************************************/
.GridLargeLink
{
	color: #70A7BF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.GridLargeText
{
	color: #70A7BF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/*****************************************************************************************
Contact Grid
*****************************************************************************************/



.contact-left-column-title
{
	background-color: #E0DBBE;
	color: #0A435C;
	padding: 3px;
	text-align: left;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}
.contact-left-column-sub-panel
{
	background-color: #E0DBBE;
	border: 1px solid #F7F2D7;
	width: 245px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.contact-left-panel-content
{
	border: 1px solid #F3F2EC;
	background-color: #D1DFE0;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E2F2F;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: normal;
	width: 245px;
}
.contact-show-all
{
	color: #DC880E;
	font-weight: bold;
	text-decoration: none;
}
/*
.left-panel-container
{
	width: 245px;
	height: 100%;
	background-color: #E4EEF3;
	color: #333333;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px; 
}

*/



/*

.contact-left-column-sub-panel
{
	background-color: #E0DBBE;
	border: 1px solid #F7F2D7;
	padding:10px;
	margin-bottom:10px;
	width:245px;
}
.contact-left-panel-content
{
	background-color: #E0DBBE;
	border: 1px solid #F7F2D7; 
	
}
.contact-left-column-title
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #717272; 
}       

*/

.contact-entry-toolbar
{
	text-align: left;
}
.contact-label-last-initial
{
	color: #70A7BF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.contactgrid-alternating
{
	background-color: #E4EEF3;
	font-family: arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #717272;
	font-weight: bold;
}
.contact-display-box
{
	background-color: #E4EEF3;
	border: 2px solid #86B0DE;
	color: #717272;
	width: 275px;
}
.contact-display-box-header-text
{
	background-color: #E4EEF3;
	color: #717272;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 175px;
	overflow: hidden;
}
.contact-display-box-header
{
	background-color: #E4EEF3;
	color: #717272;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
.contact-information-box
{
	padding: 10px;
	width: 90%;
	text-align: left;
	white-space: nowrap;
	background-color: #FFFFFF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.contactgrid-recordcount
{
	color: #C1924D;
	font-family: Arial,Helvetica, "Nimbus Sans L" ,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.contactgrid-display-name
{
	color: #535353 !important;
	font-family: Arial, Helvetica, 'Nimbus Sans L' , 'sans-serif !important';
	font-size: 12px !important;
	font-weight: bold !important;
	text-decoration: none;
	line-height: -7px !important;
	cursor: pointer !important;
}
.contactgrid-display-name:hover span
{
	color: #9D9668 !important;
}
.contactgrid-email
{
	color: #70A7BF !important;
	font-family: arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	text-decoration: none !important;
	line-height: -7px !important;
}
.contactgrid-email-quickEdit
{
	color: #70A7BF !important;
	font-family: arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	text-decoration: none !important;
	line-height: -7px !important;
}
.contactgrid-email:hover
{
	color: #0A435C !important;
}
.contactgrid-phone
{
	color: #70A7BF !important;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.contactgrid-contact-details
{
	background-color: #FFFFCC;
}
.contactgrid-contact-details table
{
	position: relative;
	float: left;
	padding-left: 20px;
}
.contactgrid-contact-details-name
{
	text-align: right;
	width: 100%;
	color: #356684;
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	font-family: arial, Helvetica, sans-serif;
	padding: 15px 45px 0px 0px;
	white-space: normal;
}
.contactgrid-contact-details-label
{
	text-align: right;
	font-weight: bold;
}
.contactgrid-detail-page
{
	padding-left: 50px;
	margin: 10px;
	height: 185px;
	background-color: #F2EE8F;
}
.contactgrid-rowview-name
{
	color: #313131;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}
.contactgrid-detail-link
{
	padding-left: 3px;
	padding-right: 10px;
	color: #333333;
	border: 1px solid transparent;
	text-decoration: none;
	font-family: calibri;
	font-size: 14px;
}
.contactgrid-detail-link:hover
{
	text-decoration: none;
	color: #356684;
}
.contactgrid-top-button
{
	padding: 5px;
	color: #333333;
	border: 1px solid transparent;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	font-family: calibri;
	font-size: 14px;
	font-weight: bold;
}
.contactgrid-top-button img
{
}
.contactgrid-top-button:hover
{
	border: 1px solid #808080;
	background-color: #DBDBDB;
	text-decoration: none;
	color: #000000;
}


/*****************************************************************************************
SendMessagePages
*****************************************************************************************/

.YourMessageName
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #67655C;
}

.sendMessageSelectionBarContainer
{
	background-image: url(../../images/messagebuilder/toolbar-background.png);
	background-repeat: repeat-x;
	height: 54px;
	vertical-align: middle;
}
.sendMessageSelectionButton
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 15px;
	margin-right: 30px;
	text-decoration: none;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: White;
}
.sendMessageSelectionButton:hover
{
	background-image: url(../../images/messagebuilder/toolbar-button-hover.png);
	background-repeat: no-repeat;
}
.sendMessageSelectionButtonActive
{
	background-image: url(../../images/messagebuilder/toolbar-button-hover.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 15px;
	margin-right: 30px;
	text-decoration: none;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: White;
}
.sendMessageSelectionBar
{
	text-align: left;
	width: 700px;
	height: 60px;
	color: #252525;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.sendMessageSelectionBar:hover
{
	background-color: #FFCC99;
	color: #993300;
	cursor: pointer;
}
.sendMessageTemplateBorder
{
	border: 1px solid #999999;
	float: left;
	text-align: center;
	text-decoration: none;
	margin: 5px;
	padding: 2px;
}
.sendMessageTemplateBorderSelected
{
	border: 1px solid #999999;
	float: left;
	text-align: center;
	text-decoration: none;
	margin: 5px;
	background-color: #CEE7FF;
	padding: 2px;
}
.sendMessageTemplatePreview
{
	font-family: arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	white-space: normal;
	vertical-align: middle;
	width: 100px;
	height: 30px;
}
.sendMessageTemplateName
{
	font-family: arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding: 10px;
	white-space: normal;
	width: 100px;
	height: 30px;
}

.sendMessageTemplateNameSelected
{
	font-family: arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	width: 100px;
	height: 30px;
}
.sendMessageTemplateImageLink
{
	width: 50px;
	height: 70px;
	text-align: center;
	text-decoration: none;
}
.sendMessageImage
{
	width: 100px;
	height: 150px;
	float: left;
	border: solid 10px white;
}
.sendMessageTemplateEmpty
{
	vertical-align: middle;
	text-align: center;
	width: 600px;
	height: 300px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #333333;
	background-color: #F5F5F5;
}
.sendMessageTemplateImageLinkSelected
{
	width: 50px;
	height: 70px;
	text-align: center;
	background-color: #659EB8;
}
.sendMessageWizardSelectionTitle
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	width: 300px;
}
.sendMessageWizardSelectionChosen
{
	padding: 5px;
	margin: 5px;
	background-color: #8FBFCD;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #D5EDFE;
}
.sendMessageWizardSelection
{
	padding: 5px;
	margin: 5px;
	background-color: Transparent;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: Transparent;
	cursor: pointer;
}
.sendMessageWizardSelection:hover
{
	padding: 5px;
	margin: 5px;
	background-color: #F5FAFD;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #D5EDFE;
	cursor: pointer;
}
/*****************************************************************************************
Contact Import
*****************************************************************************************/
.ContactImportError
{
	color: #CC0000;
	font-style: normal;
	font-weight: bold;
}
.ContactImportWarning
{
	color: #CC9900;
	font-style: italic;
}




/********************************************************************************************
Profile Section
******************************************************************************************/
#personalInfo, #contactInfo, #imagesInfo, #accountInfo, #remindersInfo
{
}

#profilePage div
{
	margin-bottom: 5px;
}

#personalInfo div
{
	position: relative;
	width: 300px;
	text-align: right;
}
#personalInfo div input, #personalInfo textarea
{
	width: 170px;
}
#personalInfo div span
{
	float: left;
}
#personalInfo input.check
{
	position: relative;
	left: -40px;
	float: left;
	width: 15;
}

#contactInfo div
{
	position: relative;
	width: 300px;
	text-align: right;
}
#contactInfo div input, #contactInfo div textarea
{
	width: 170px;
}
#contactInfo div span
{
	float: left;
}

#address1
{
	position: relative;
	padding-bottom: 15px;
}
#address2
{
	position: relative;
	padding-bottom: 15px;
}

#accountInfo div
{
	position: relative;
	width: 330px;
	text-align: right;
}
#accountInfo div input, #accountInfo textarea
{
	width: 170px;
}
#accountInfo div span
{
	float: left;
}

#remindersInfo div
{
	position: relative;
	width: 330px;
	text-align: right;
}
#remindersInfo div input, #remindersInfo textarea
{
	width: 170px;
}
#remindersInfo div span
{
	float: left;
}

#imagesInfo table tr td
{
	vertical-align: top;
}


.alert
{
	font-size: 11px;
	color: #CC0000;
}


.titleImage
{
	margin-left: 10px;
}



#tabset
{
	position: relative;
	top: 30px;
}

#tabset div
{
	width: 100%;
	position: relative;
	z-index: 0;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
}

#tabHeader
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	z-index: 1;
	margin-bottom: 0px;
}

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

#tabHeader li
{
	float: left;
	background: url("../images/profile/left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
	letter-spacing: 3px;
	border-bottom: solid 1px #999999;
}

#tabHeader a
{
	float: left;
	display: block;
	background: url("../images/profile/right.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}



#tabHeader a
{
	float: none;
}

/* End IE5-Mac hack */
#tabHeader a:hover
{
	color: #333;
}
#tabHeader .current
{
	background-image: url("../images/profile/left_on.gif");
}

#tabHeader li.current
{
	border: 0px;
}

#tabHeader .current a
{
	background-image: url("../images/profile/right_on.gif");
	color: #333;
	padding-bottom: 5px;
}

#saveBtn
{
	position: relative;
	height: 28px;
}

img
{
	border: 0px;
}

.profileMenu td a
{
	text-decoration: none;
	color: #333333;
}

.profileMenu td
{
	vertical-align: middle;
}

.profileMenu td input
{
	vertical-align: middle;
}

.required
{
	font-weight: bold;
	color: #CC0000;
}

#CtrlProfile_lblURLDirections
{
	float: none;
	text-align: left;
	width: 520px;
	margin-bottom: 15px;
}

.your-messages-grid-row-archived
{
	background-color: #CCCCCC;
	color: #666666;
	width: 100% !important;
	height: 100% !important;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
}


.socialNetworkSelection
{
	padding: 20px;
	border: 1px solid #999999;
}

.textCounter
{
	width: 40px;
	height: 20px;
	text-align: center;
	/* green */
	background-color: #00FF00;
	color: #666666;		
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	border: 1px solid #333333;
	padding: 20px;
}
.textCounterWarning
{
	width: 40px;
	height: 20px;
	text-align: center;
	/* yellow */
	background-color: #FF9900;		
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	border: 1px solid #CC3300;
	padding: 20px;
}
.textCounterError
{
	width: 40px;
	height: 20px;
	text-align: center;
	background-color: #FF3300;
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: 18px;
	border: 1px solid #990000;
	padding: 20px;
}




/***********************************************************************************************************************************************
popup windows
************************************************************************************************************************************************/
.modalDialog
{
	border: 1px solid #659EB8;
	background-color: White;
}
.modalDialogHeader
{
	color: #FFFFFF;
	background-color: #D78113;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	height: 20px;
}
.modalDialogBody
{
	background-color: White;
	padding: 10px;
}
.modalDialogFooter
{
	background-color: White;
	padding: 5px;
	height: 20px;
}


.counter
{
	width: 25px;
	padding: 4px;
	background-color: #00FF00;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #999999;
	white-space: nowrap;
}
.counterWarning
{
	width: 25px;
	padding: 4px;
	background-color: #FF9933;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #999999;
	white-space: nowrap;
}
.counterError
{
	width: 25px;
	padding: 4px;
	background-color: red;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #990000;
	color: #FFFFFF;
	white-space: nowrap;
}
.contactFilterTagBorder
{
	float: left;
	padding-right: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
}
.contactFilterTag
{
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #70A8BF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	white-space: nowrap;
	vertical-align: middle;
}

.contactFilterTag a
{
	text-decoration: none;
	padding-left: 4px;
	color: #FF0000;
	font-family: arial, Helvetica, sans-serif;
	border: 0 font-weight: bold;
	text-transform: uppercase;
}

.contactGridActionBar
{
	width: 650px;
	border-width: 1px;
	border-style: solid none solid none;
	padding: 5px;
	background-color: #F7F2D7;
	border-top-color: #FFFFFF;
	border-bottom-color: #73A6BB;
}
.contactGridToDoEntry
{
	padding: 10px;
}

.contactHeaderBar
{
	background-image: url(../../images/contactgrid/contact-header.png);
	background-repeat: repeat-x;
	height: 30px;
	padding-left: 10px;
	width: 650px;
}
.contactRecordCount
{
	white-space: nowrap;
	font-weight: bold;
	font-family: Arial;
	color: #FFFCFF;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	background-color: #70A8BF;
}
.contactRecordCountDeleted
{
	white-space: nowrap;
	font-weight: bold;
	font-family: Arial;
	color: #FFFCFF;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	background-color: #FF0000;
}
.contactGridControlPanel
{
	color: #4D7994;
	background-color: #D0DEDF;
	border: 1px solid #4D7994;
	padding: 10px;
	font-weight: bold;
}
.contactHeaderBar
{
	color: #333333;
	padding-top: 3px;
}
.contactHeaderBar a
{
	color: #638891;
	text-decoration: none;
}
.contactHeaderBar a:hover
{
	color: #314154;
	text-decoration: none;
}
.contactGridActionBar
{
	color: #5C8296;
}
.contactGridActionBar a
{
	color: #314154;
	text-decoration: none-underline;
}

.alphabetTab
{
	background: url(../../images/contactgrid/letter.gif);
	background-repeat: no-repeat;
	width: 13px;
	height: 15px;
	padding-bottom: 1px;
	display: block;
}
.contactGridDeleteButton
{
	margin-left: 4px;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url('../../images/contactgrid/trash.jpg');
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}
.contactGridDeleteButton:hover
{
	color: #5C8296;
}
.contactGridGroupsButton
{
	margin-left: 4px;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url('../../images/contactgrid/groups.jpg');
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}
.contactGridGroupsButton:hover
{
	color: #5C8296;
}
.contactGridEcardButton
{
	margin-left: 4px;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url('../../images/contactgrid/e-card.jpg');
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}
.contactGridEcardButton:hover
{
	color: #5C8296;
}
.contactGridStationeryButton
{
	margin-left: 4px;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url('../../images/contactgrid/stationery.jpg');
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}
.contactGridStationeryButton:hover
{
	color: #5C8296;
}
.contactGridUndelete
{
	margin-left: 4px;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url('../../images/contactmanager/undo.png');
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}
.contactGridUndelete:hover
{
	color: #5C8296;
}
.contactGridTodoButton
{
	margin-left: 4px;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url('../../images/contactgrid/todo.jpg');
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}
.contactGridTodoButton:hover
{
	color: #5C8296;
}
.contactGridExportButton
{
	margin-left: 4px;
	display: block;
	height: 16px;
	padding-left: 20px;
	background-image: url('../../images/contactgrid/export.jpg');
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}
.contactGridExportButton:hover
{
	color: #5C8296;
}

.taskEntryPriorityLow
{
	width: 18px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
}
.taskEntryPriorityLow div
{
	background-color: #339933;
	border: 1px solid #003300;
	width: 12px;
	height: 12px;
	background-image: url(../../images/contactmanager/lowpriority.png);
	background-repeat: no-repeat;
}
.taskEntryPriorityLow:hover div
{
	background-color: #00CC66;
	border: 1px solid #003300;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/lowprioritysel.png);
	background-repeat: no-repeat;
}

.taskEntryPriorityLowSel div
{
	background-color: #00CC66;
	border: 1px solid #003300;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/lowprioritysel.png);
	background-repeat: no-repeat;
}



.taskEntryPriorityMed
{
	width: 18px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
}
.taskEntryPriorityMed div
{
	background-color: #FF9900;
	border: 1px solid #996600;
	width: 12px;
	height: 12px;
	background-image: url(../../images/contactmanager/medpriority.png);
	background-repeat: no-repeat;
}
.taskEntryPriorityMed:hover div
{
	background-color: #FFCC00;
	border: 1px solid #996600;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/medprioritysel.png);
	background-repeat: no-repeat;
}

.taskEntryPriorityMedSel div
{
	background-color: #FFCC00;
	border: 1px solid #996600;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/medprioritysel.png);
	background-repeat: no-repeat;
}

.taskEntryPriorityHigh
{
	width: 18px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
}
.taskEntryPriorityHigh div
{
	background-color: #FF6600;
	border: 1px solid #990000;
	width: 12px;
	height: 12px;
	background-image: url(../../images/contactmanager/highpriority.png);
	background-repeat: no-repeat;
}
.taskEntryPriorityHigh:hover div
{
	background-color: #FF6600;
	border: 1px solid #990000;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/highprioritysel.png);
	background-repeat: no-repeat;
}

.taskEntryPriorityHighSel div
{
	background-color: #FF6600;
	border: 1px solid #990000;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/highprioritysel.png);
	background-repeat: no-repeat;
}



.taskEntryPriorityCritical
{
	width: 18px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
}
.taskEntryPriorityCritical div
{
	background-color: #FF6600;
	border: 1px solid #990000;
	width: 12px;
	height: 12px;
	background-image: url(../../images/contactmanager/Criticalpriority.png);
	background-repeat: no-repeat;
}
.taskEntryPriorityCritical:hover div
{
	background-color: #FF6600;
	border: 1px solid #990000;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/Criticalprioritysel.png);
	background-repeat: no-repeat;
}

.taskEntryPriorityCriticalSel div
{
	background-color: #FF6600;
	border: 1px solid #990000;
	width: 16px;
	height: 16px;
	background-image: url(../../images/contactmanager/Criticalprioritysel.png);
	background-repeat: no-repeat;
}
.contactGridDialogContactCount
{
	padding: 3px;
	display: block;
	width: 100%;
	color: #7F7A65;
	background-color: #F7F2D7;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
}
.contactGridDialogLabel
{
	color: #487D9C;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.groupListNewlyAdded
{
	background-color: #E4EEF3;
	padding-top: 1px;
	padding-bottom: 1px;
}
.contactGridLeftPanelHeader
{
	border-width: 1px;
	border-color: white;
	color: #FFFFFF;
	background-color: #70A8BF;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	border-bottom-style: solid;
}
.contactPreview
{
	font-family: Arial;
	border: 1px solid #73A6BB;
	padding: 10px;
	width: 600px;
	line-height: 4px !important;
	color: #666666;
}
.contactProfile
{
	background-image: url(../../images/contactgrid/contactprofile.png);
	background-repeat: no-repeat;
	width: 96px;
	height: 80px;
}
.contactPreviewLabel
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #70A8BF;
}
.divInfoGroupList
{
	padding: 0px !important;
	line-height: normal;
}
.divInfoGroupListLink
{
	color: #70A7CA;
	font-family: arial, Helvetica, sans-serif;
	text-decoration: none;
}

#helpIcon
{
	display: none;
}


.messageInfoPanel
{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #F0EBCB;
}
.messageInfoPanel h2
{
	margin: 0px;
	padding: 0px;
	color: #666666;
}


/******************************************************************************************************************************
Image Buttons
******************************************************************************************************************************/
.blueButtonSmall
{
	text-decoration: none;
	font-size: 12px;
	color: #42788e;
	text-shadow: 0px 1px 0px #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../images/button-styles.png);
	background-position: -31px -21px;
	background-repeat: no-repeat;
	border: 0px;
	width: 83px;
	height: 31px;
	outline: 0;
	text-transform: lowercase;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	display:block;
}
.blueButtonMedium
{
	text-decoration: none;
	font-size: 12px;
	color: #42788e;
	text-shadow: 0px 1px 0px #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../images/button-styles.png);
	background-position: -31px -60px;
	background-repeat: no-repeat;
	border: 0px;
	width: 103px;
	height: 31px;
	outline: 0;
	text-transform: lowercase;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	display:block;
} 
.blueButtonLarge
{
	text-decoration: none;
	font-size: 12px;
	color: #42788e;
	text-shadow: 0px 1px 0px #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../images/button-styles.png);
	background-position: -31px -96px;
	background-repeat: no-repeat;
	border: 0px;
	width: 123px;
	height: 31px;
	outline: 0;
	text-transform: lowercase;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	display:block;
} 

.orangeButtonSmall
{
	text-decoration:none; font-size:12px; color:#996633; text-shadow:0px 1px 0px #ffffff; font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../images/button-styles.png);
	background-position: -31px -175px;
	background-repeat: no-repeat;
	border: 0px;
	width: 83px;
	height: 31px;
	outline: 0;
	text-transform: lowercase;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	display:block;
}
.orangeButtonMedium
{
	text-decoration:none; font-size:12px; color:#996633; text-shadow:0px 1px 0px #ffffff; font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../images/button-styles.png);
	background-position: -31px -213px;
	background-repeat: no-repeat;
	border: 0px;
	width: 103px;
	height: 31px;
	outline: 0;
	text-transform: lowercase;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	display:block;
} 


.whiteButtonSmall
{
	text-decoration: none;
	font-size: 12px;
	color: #555555;
	text-shadow: 0px 1px 0px #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../images/button-styles.png);
	background-position: -31px -324px;
	background-repeat: no-repeat;
	border: 0px;
	width: 83px;
	height: 31px;
	outline: 0;
	text-transform: lowercase;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	display:block;
}