﻿
/* Overall Page */

body
{
   margin: 0;
   padding-bottom: 2em;
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 0.8em;
}

#wrapper
{
   height: 400px;
   background: url(/images/pageBg.jpg) repeat-x;
}

/* Page Heading */

.PageWrapper
{
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 10px;
   float: left;
}

.PageHeading
{
}
.PageHeadingLabel
{
   margin: 0em 0em 0em 0em;
   float: left;
}
.PageHeadingLabel h1
{
   color: Black;
   font-weight: normal;
   font-size: 17px;
   margin: 0;
   padding: 23px 0px 0px 2px;
   font-family: Tahoma,Arial,sans-serif;
   letter-spacing: 1px;
}

.PageHeadingImage
{
}

.ImagePageIcon
{
   width: 48px;
   height: 48px;
   margin: 0;
   padding: 0;
   float: right;
}

/* ----------- */

input
{
   margin: 0px 5px 0px 0px;
}

.rgCommandCell input
{
   margin: 5px 0px 5px 10px;
}

.rgCommandCell img
{
   margin: 5px 0px 5px 10px;
   vertical-align: top !important;
   cursor: pointer;
}

.RadGrid_Default .rgCommandRow
{
   height: 30px;
}

select
{
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 10px;
}

/* Links */
.ContentPane a:link, .ContentPane a:visited, .ContentPane a:active, .ContentPane a:hover
{
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   line-height: 20px;
   color: Green;
}

.RadTabStrip a:link, .RadTabStrip a:visited, .RadTabStrip a:active, .RadTabStrip a:hover
{
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   line-height: 20px;
   color: black;
}


/* Header Section */

div#header .headerPanel
{
   background-color: #FFFFFF;
   height: 70px;
   color: #000000;
}

#Administration_Page div#header .headerPanel
{
   background-color: #fff !important;
   color: #000 !important;
}

div#header .customerLogo
{
   float: left;
   vertical-align: baseline;
}

div#header .loginStatus
{
   white-space: nowrap;
   height: 19px;
   float: right;
   margin-top: 10px;
   margin-right: 7px;
   font-weight: bold;
   text-align: right;
}

div#header h2
{
   font: 150% Arial, Helvetica, Verdana, sans-serif;
   font-weight: bold;
   color: black;
   margin-right: 2em;
   margin-top: 0.3em;
   margin-left: .8em;
}

.breadcrumb
{
   font: 90% Arial, Helvetica, Verdana, sans-serif;
   color: black;
   background-color: transparent;
   float: right;
   margin-right: 2em;
}

div#header a:link, a:visited
{
   /*color: #B51032;*/
}


/* Menu */

#MenuBar
{
   clear: right;
}


#MenuBar .loggInControll
{
   color: Black;
   font-weight: bold;
   text-decoration: none;
}

/* Main Content */

#content
{
   background-color: White;
   clear: both;
   display: block;
   border: #cbcbcb 1px solid;
   padding: 0.5em 0.5em 0.5em 0.5em;
   min-width: 450px;
}


.MainControlPanelClass
{
   padding-left: 10px;
   float: left;
}

.LeftPane
{
   border-right: #dedede 0px solid;
   padding: 0.3em 1.3em 0.3em 0.2em;
   background-color: #fefefe;
}

.ContentPane
{
   margin: 0px 0px 0px 0px;
   padding: 0px;
}

.ContentPaneBorderLeft
{
   border-left: solid 1px #dedede;
   margin: 0px 0px 0px 0px;
   padding: 10px;
   background-color: #FFFFFF;
}

.ContentPaneNoBorder
{
   margin: 0px 0px 0px 0px;
   padding: 10px;
   background-color: #FFFFFF;
}

.ContentPaneBorderRight
{
   height: 100%;
   border-right: solid 1px #dedede;
   margin: 0px 0px 0px 0px;
   padding: 10px;
   background-color: #FFFFFF;
}

.helpText
{
   background-image: url(../../images/icons/help-small.gif);
   background-repeat: no-repeat;
   padding-left: 15px;
   font-size: 10px;
}

.helpTextBox
{
   background-image: url(../../images/icons/help-small.gif);
   background-repeat: no-repeat;
   background-position: 15 15;
   padding-left: 25px;
   border: solid 1px #dedede;
   margin: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 5px;
   font-size: 10px;
   background-color: #FAFAFA;
}

.helpTextBox .heading
{
   background-image: url(../../images/icons/help-small.gif);
   background-repeat: no-repeat;
   padding-left: 25px;
   font-weight: bold;
   font-size: 11px;
   padding-top: 4px;
   padding-bottom: 4px;
}

h1
{
   font: 150% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
}

.ContentPaneHeading
{
   font-weight: bold;
}

#content p
{
   font-size: 100%;
   line-height: 1.6em;
}

li
{
   font-size: 100%;
   line-height: 1.6em;
}

.pageView
{
   padding-top: 10px;
}

/* Data Web Control Styles */

.DataWebControlStyle
{
   font-size: 90%;
}

.HeaderStyle
{
   color: White;
   font-weight: bold;
}

.HeaderStyle a, .HeaderStyle a:visited
{
   color: White;
}

.FooterStyle
{
   color: White;
   text-align: right;
}

.AlternatingRowStyle
{
}

.RowStyle
{
}

.SelectableRowStyle
{
   cursor: hand;
}

.PagerRowStyle
{
   background-color: #ddd;
   text-align: right;
}

.SortHeaderRowStyle
{
   background-color: #c00;
   text-align: left;
   font-weight: bold;
   color: White;
}

/*  Button links */
/*
.Standardbutton
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;	
	color:black;
	background-color:#e1e1e1;
	border: 1px solid #999999;
	padding:2px;
}
*/

.AddLinkButton
{
   background-image: url(../../images/icons/add_16.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   padding-bottom: 5px;
}

.ClosePanelLinkButton, .EditLinkButton
{
   padding-bottom: 5px;
}

.DeleteLinkButton
{
   background-image: url(../../images/icons/trash_16.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   margin-bottom: 20px;
   padding-bottom: 5px;
   cursor: default;
}

.NewEditLinkButton
{
   background-image: url(../../images/icons/document_write_16.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   margin-bottom: 20px;
   padding-bottom: 5px;
   cursor: default;
}

.CopyLinkButton
{
   background-image: url(../../images/icons/windows_add_16.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   margin-bottom: 20px;
   padding-bottom: 5px;
   cursor: default;
}

.RemoveUserFromGroupLinkButton
{
   background-image: url(../../images/icons/user_delete_16.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   margin-bottom: 20px;
   padding-bottom: 5px;
}

.SaveLinkButton
{
   background-image: url(../../images/icons/diskette_16.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   margin-bottom: 20px;
   padding-bottom: 5px;
}

.CancelLinkButton
{
   background-image: url(../../images/icons/close.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   margin-bottom: 20px;
   padding-bottom: 5px;
}



.AddCategoryLinkButton
{
   background-image: url(../../images/icons/addFolder.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   padding-bottom: 5px;
}

.EditCategoryLinkButton
{
   background-image: url(../../images/icons/editFolder.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   padding-bottom: 5px;
}

.AddResourceLinkButton
{
   background-image: url(../../images/icons/add_16.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   padding-bottom: 5px;
}

.EditResourceLinkButton
{
   background-image: url(../../images/icons/editResource.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
   padding-bottom: 5px;
}

fieldset
{
   margin: 10px;
   -moz-border-radius: 8px;
}
.fieldsetDiv
{
   padding: 10px;
}
.fieldsetDivStartPage
{
   padding: 0px 0px 20px 0px;
}
legend
{
   font-size: 14px;
   color: black;
   font-style: italic;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
}

.legendExpanded
{
   font-size: 13px;
   color: green;
   font-style: italic;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   cursor: pointer;
   cursor: hand;
   background-image: url(../../images/icons/collapse.jpg);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 5px;
   margin-left: 3px;
   text-decoration: none;
}

.legendCollapsed
{
   font-size: 13px;
   color: green;
   font-style: italic;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   cursor: pointer;
   cursor: hand;
   background-image: url(../../images/icons/expand.jpg);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 5px;
   margin-left: 3px;
   text-decoration: none;
}


.requiredLabel
{
   color: Red;
   font-weight: bold;
}

.errorText
{
   color: Red;
   font-style: italic;
   font-weight: bold;
}

.okText
{
   color: Green;
   font-style: italic;
   font-weight: bold;
}

.BookedByUserName
{
   color: Black;
   font-size: 10px;
}

.EditBookingButton
{
   background-image: url(../../images/icons/editResource.gif);
   background-repeat: no-repeat;
}

.PanelHeading
{
   font-size: 14px;
   color: Black;
   font-weight: bold;
   font-family: Arial;
}

.SubHeading, .Heading
{
   font-size: 12px;
   color: Black;
   font-weight: bold;
}


.ClosedSubPanel
{
   background-image: url(../../images/plus.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
}

.OpenedSubPanel
{
   background-image: url(../../images/minus.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-right: 10px;
}


.addCompanySteps, .addAdSteps
{
   float: left;
   clear: left;
   margin-top: 15px;
   font-weight: bold;
}

.stepInActive
{
   margin-left: 5px;
   margin-bottom: 10px;
   float: left;
   background-image: url(../../images/icons/inactivestep.gif);
   background-repeat: no-repeat;
   width: 20px;
   height: 22px;
   padding-top: 7px;
   padding-left: 8px;
   font-weight: bold;
   margin-top: 10px;
}
.stepActive
{
   margin-left: 5px;
   margin-bottom: 10px;
   float: left;
   background-image: url(../../images/icons/activestep.gif);
   background-repeat: no-repeat;
   width: 20px;
   height: 22px;
   padding-top: 7px;
   padding-left: 8px;
   font-weight: bold;
   margin-top: 10px;
}

.TabMenu
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   background-color: White;
}

#ctl00_MainContent_pnlTabsAndContent
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   min-width: 695px;
   background-repeat: no-repeat;
}

#ctl00_MainContent_NavTable
{
   margin: 0em 0em 0em 1.3em;
}

.TabText
{
   text-decoration: none;
   color: Black;
   padding: 0px 3px 0px 3px;
   margin: 0px 0px 0px 0px;
   clear: none;
}

.TabTextActive
{
   text-decoration: none;
   color: Black !important;
   font-weight: normal;
   padding: 6px 3px 0px 3px;
}

.TabLeftActive
{
   background-image: url(../../images/tabImages/activeLeft.gif);
   background-repeat: no-repeat;
   height: 28px;
   width: 9px;
}

.TabLeft
{
   background-image: url(../../images/tabImages/inactiveLeft.gif);
   background-repeat: no-repeat;
   height: 28px;
   width: 9px;
}

.TabCenterActive
{
   background-image: url(../../images/tabImages/activeBack.gif);
   background-repeat: repeat-x;
   white-space: nowrap;
   vertical-align: bottom;
   padding: 0px 0px 2px 0px;
}

.TabCenter
{
   background-image: url(../../images/tabImages/inactiveBack.gif);
   background-repeat: repeat-x;
   white-space: nowrap;
   vertical-align: bottom;
}

.TabRightActive
{
   background-image: url(../../images/tabImages/activeRight.gif);
   background-repeat: no-repeat;
   height: 28px;
   width: 9px;
}

.TabRight
{
   background-image: url(../../images/tabImages/inactiveRight.gif);
   background-repeat: no-repeat;
   height: 28px;
   width: 9px;
}

.visionMultiPanel
{
   display: block;
   background-color: white;
   border: solid 1px #dedede;
   margin: 5px;
   padding: 5px;
}

.visionMultiPanelNoBorder
{
   display: block;
   padding: 5px;
}

.TabArea
{
   background-color: White;
   font-size: x-small;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-top: 1px solid black;
   position: absolute;
   top: 42px;
   height: 400px;
   z-index: -25;
}

.StepLeftActive
{
   background-image: url(../../images/stepImages/activeLeft.gif);
   background-repeat: no-repeat;
   height: 22px;
   width: 5px;
}

.StepLeft
{
   background-image: url(../../images/stepImages/inactiveLeft.gif);
   background-repeat: no-repeat;
   height: 22px;
   width: 5px;
}

.StepCenterActive
{
   background-image: url(../../images/stepImages/activeBack.gif);
   background-repeat: repeat-x;
   white-space: nowrap;
   text-decoration: none;
   color: Black;
   font-weight: bold;
   padding: 0em 0.2em 0em 0.2em;
}

.StepCenter
{
   background-image: url(../../images/stepImages/inactiveBack.gif);
   background-repeat: repeat-x;
   white-space: nowrap;
   text-decoration: none;
   color: #606060;
   clear: none;
   padding: 0em 0.2em 0em 0.2em;
}

.StepRightActive
{
   background-image: url(../../images/stepImages/activeRight.gif);
   background-repeat: no-repeat;
   height: 21px;
   width: 23px;
}

.StepRight
{
   background-image: url(../../images/stepImages/inactiveRight.gif);
   background-repeat: no-repeat;
   height: 21px;
   width: 23px;
}

.floatleft
{
   border-right: black 1px dotted;
   padding-right: 1.3em;
   border-top: black 1px dotted;
   padding-left: 0.2em;
   padding-bottom: 0.3em;
   border-left: black 1px dotted;
   padding-top: 0.3em;
   border-bottom: black 1px dotted;
   background-color: #fefefe;
   padding-right: 10px;
   margin-right: 10px;
}

.AgreementText
{
   border: solid 1px #c2c2c2;
   padding: 5px;
   margin: 3px;
   font-size: 10px;
   background-color: #FAFAFA;
   height: 200px;
   overflow: auto;
}

.AgreementText p
{
   margin: 3px;
   font-size: 10px;
}

.AgreementText h2
{
   font-size: 11px;
   margin-bottom: 2px;
}

.AgreementText h3
{
   font-size: 10px;
   margin-bottom: 2px;
}

.PerRowLabel
{
   display: block;
}

/* Login Page */

.loginHeadingBg
{
   height: 20px;
}

.loginContainerTop
{
   background-image: url(../../images/loginContainerTopBg.gif);
   height: 101px;
}

.loginContainer
{
   background-image: url(../../images/loginContainerBg.gif);
}

.loginContainerbottom
{
   background-image: url(../../images/loginContainerbottomBg.gif);
   height: 20px;
}


/* ListGroups */

.GroupTreeControlLabel
{
   height: 28px;
   line-height: 28px;
   width: 220px;
   font-weight: bold;
   display: inline-block;
   background-color: #efefef;
   border: #cecece 1px solid;
   padding: 0px 0px 0px 10px;
   text-decoration: none;
   color: #000000;
}
.GroupTreeNodeStyle
{
   color: Black !important;
   text-decoration: none;
   padding: 0px 5px 0px 5px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
}
.GroupTreeSelectedNodeStyle
{
   font-weight: bold;
}



/*****************************************************************************************
* Front page
*****************************************************************************************/
.leftPanelFrontPage
{
   float: left;
   width: 599px;
   padding: 15px;
   padding-top: 30px;
   min-height: 300px;
   font-family: Arial;
   font-size: 1.2em;
}
#StartPageLinks
{
   float: none;
}

#StartPageLinks span.Positiv
{
   color: green;
}

#StartPageLinks span.Positiv
{
   color: green;
}
#StartPageLinks span.Negativ
{
   color: #bc2c26;
}

.rightPanelFrontPage
{
   padding: 15px;
}
.rightPanelFrontPage fieldset
{
   width: 300px;
}
.ContactsFieldSet .content
{
   margin: 10px 0px 0px 0px;
}

#fieldsetShortcuts
{
   display: block;
   width: 150px;
}



/***********************************
* Icons front page
***********************************/

.iconContainer
{
}
.icon
{
   text-align: center;
   width: 120px;
   float: left;
   padding: 15px;
   cursor: pointer;
   text-decoration: none;
   color: blue;
}

.Label
{
   width: 160px;
   margin: 0 0 5px;
   font-weight: normal;
   display: block;
   float: left;
   clear: left;
}
.LabelInformation
{
   margin: 0 0 5px;
   font-weight: normal;
   display: block;
   float: left;
}

.Header
{
   font-weight: bold;
   font-size: 110%;
}

.TextBox
{
   margin: 0 0 5px;
   padding: 0px;
   width: 200px;
}

.CheckBox
{
   margin: 0 0 5px;
   padding: 0px;
   width: 10px;
}

.DropDownList
{
   margin: 0 0 5px;
   padding: 0px;
}

.inputFieldsContainer
{
   margin-top: 10px;
}

.LabelCell
{
   width: 140px;
   font-weight: bold;
   text-align: left;
}

.ControlCell
{
   vertical-align: middle;
   text-align: left;
}

.DynamicPropertyTable .Header
{
   color: green !important;
}

/* Create email, Send email*/

.sendEmailBottomCommandRow
{
   padding-top: 20px;
}

/* AdministrateGroupsAndUsers */
.administrateGroupsAndUsers .ContentPane
{
}

.administrateGroupsAndUsers .lblAmount
{
   width: 200px;
}

.administrateGroupsAndUsers .ContentPane .NavTabs a:link, .administrateGroupsAndUsers .ContentPane .NavTabs a:visited
{
   color: black;
}

.administrateGroupsAndUsers .ContentPane .NavTabs a:hover, .administrateGroupsAndUsers .ContentPane .NavTabs a:active
{
   color: black !important;
}

.administrateGroupsAndUsers .LeftInnerPanel
{
   padding: 5px;
   min-height: 500px;
}

.administrateGroupsAndUsers .LeftInnerPanel .View2, .administrateGroupsAndUsers .LeftInnerPanel .View3
{
   width: 695px;
}
.administrateGroupsAndUsers .inputFieldButtonsContainer
{
   margin-top: 10px;
   display: block;
}

.UserSettingsHeadingContainer
{
   height: 28px;
   line-height: 28px;
   background-color: #EFEFEF;
   border: 1px solid #CECECE;
   display: block;
   margin-bottom: 10px;
   width: 450px;
}
.UserSettingsHeadingImage
{
   float: left;
   margin-top: 3px;
}
.UserSettingsHeadingLabel
{
   float: left;
   line-height: 28px;
   margin: 0px 0px 0px 5px;
}

.UserSettingsContainer
{
   display: block;
}

.btnUpdateUserInfo, .btnUpdateAbort, .btnDelete
{
   float: left;
}

/* ListInquirys page */

#ctl00_MainContent_HandleSelectionButtonContainer, #ctl00_MainContent_SendToContainer
{
   margin: 0px 0px 10px 0px;
}

.InquirysWrapper .GridViewReplyingUsersDiv
{
   margin: 15px 0px 0px 0px;
}

.InquirysWrapper #ButtonsHandleSelection
{
   float: left;
   display: inline;
   margin: 10px 0px 10px 0px;
}

.InquirysWrapper #ButtonReSendInquiryEmailDiv
{
   float: left;
   display: inline;
}

.InquirysWrapper #ButtonShowAddUsersToGroupTopDiv .Standardbutton
{
   border: none !important;
   height: 75px;
   width: 115px;
   padding: 45px 0px 0px 0px;
   margin: 0 !important;
   color: #000000 !important;
   vertical-align: baseline;
   background: #fff url(../../images/icons/group_add_48.gif) no-repeat;
   background-position: 50% 0;
}
.InquirysWrapper #ButtonExportToExcelDiv .Standardbutton
{
   border: none !important;
   height: 75px;
   width: 115px;
   padding: 45px 0px 0px 0px;
   margin: 0 !important;
   color: #000000 !important;
   vertical-align: baseline;
   background: #fff url(../../images/icons/els_back_48.gif) no-repeat;
   background-position: 50% 0;
}
.InquirysWrapper #ButtonReSendInquiryEmailDiv .Standardbutton
{
   border: none !important;
   height: 75px;
   width: 115px;
   padding: 45px 0px 0px 0px;
   margin: 0 !important;
   color: #000000 !important;
   vertical-align: baseline;
   background: #fff url(../../images/icons/help_48.gif) no-repeat;
   background-position: 50% 0;
}

.InquirysWrapper #ButtonShowAddUsersToGroupTopDiv .Standardbutton:hover, .InquirysWrapper #ButtonExportToExcelDiv .Standardbutton:hover, .InquirysWrapper #ButtonReSendInquiryEmailDiv .Standardbutton:hover
{
   opacity: 0.65 !important;
   -moz-opacity: 0.65 !important;
   -khtml-opacity: 0.65 !important;
   filter: alpha(opacity=65) !important;
   cursor: pointer;
}

.InquirysWrapper #RadioButtonSendEmail, .InquirysWrapper #RadioButtonSendSMS
{
   margin: 5px 0px 0px 5px;
}

/* Set a width to pages with content which is to small to show correct */

.ContentPane .ContentPaneSetWidth
{
   width: 800px;
   display: block;
   clear: both;
   height: 0px;
}
/* Campaign pages*/
.campaignUniqueCodeSectionContent
{
   width: 800px;
   margin: 0px 0px 20px 0px;
   border-bottom: 1px solid #DEDEDE;
}

.campaignForm .field, .campaignUniqueCodeSectionWrapper .field
{
   margin: 0px 0px 10px 0px;
}

.importUniqueCodesDescription, .importUniqueCodesAllowDublicates, .genereateUniqueCodesAllowDublicates, .genrateUniqueCodeInformationLabel
{
   margin: 0px 0px 10px 0px;
}
.importUniqueCodeRadPageView, .RadGridRadPageView, .generateUniqueCodeRadPageView
{
   padding: 20px;
}


/* Statistics page */
.StatisticsLeftSide
{
   margin-right: 20px;
}
.StatisticsRightSide
{
}

.NumrericStatistics
{
   margin-bottom: 20px;
   clear: left;
}
.NumrericStatistics .Label
{
   float: left;
   margin-right: 10px;
}
.HoleBar
{
   width: 300px;
   background-color: #e1e1e1;
   border: solid 1px black;
   height: 15px;
}

.PartBarDeliveredEmail
{
   height: 15px;
   background-color: #a2c418;
}
.PartBarUnicTimesOpned
{
   height: 15px;
   background-color: #a2c418;
}
.PartBarSoftBounce
{
   height: 15px;
   background-color: #ff7900;
}
.PartBarHardBounce
{
   height: 15px;
   background-color: #cc092f;
}
.PartBarUnsubscriptions
{
   height: 15px;
   background-color: #cc092f;
}

.Table
{
   color: #333333;
   border: solid 1px DarkGray;
}

.NormalTD
{
   background-color: #F7F6F3;
   color: #000;
   text-align: left;
   font-weight: normal;
}

.AlternatingTD
{
   background-color: #FFFFFF;
   color: #000;
   font-weight: normal;
}
.HeaderTD
{
   background-color: #008998;
   font-weight: bold;
   color: #FFFFFF;
   border: solid 1px black;
}

.DeliveredPieChar
{
   float: left;
   margin-right: 40px;
}

.OpenedPieChart
{
   float: left;
   clear: right;
}

.LinkChart
{
   float: left;
   margin-right: 40px;
}

.UnicLinkChart
{
   float: left;
   clear: right;
}

.LinkClickChartColor
{
   display: block;
   height: 10px;
   width: 10px;
}

/* Repeater */

.Repeater
{
   float: left;
   clear: left;
}
.Repeater td
{
   padding: 3px;
}
.Repeater tr
{
   line-height: 28px;
}

.Repeater td, .Repeater th, .RowStyle, .RowStyle tr, .RowStyle td
{
   border: #cecece 0px solid;
   white-space: nowrap;
}

.RowStyle:hover, .AlternatingRowStyle:hover
{
   /*background-color:#e8e8e8;*/
}

.HeaderStyle, .AlternatingRowStyle
{
   background-color: #efefef;
   color: Black;
}

.HeaderStyle .HeaderCol3 span
{
   width: 80px;
   display: block;
}

tr.HeaderStyle td, tr.AlternatingRowStyle td
{
   border-top: 1px solid #cecece;
   border-bottom: 1px solid #cecece;
   white-space: nowrap;
}
tr.HeaderStyle td:first-child, tr.AlternatingRowStyle td:first-child
{
   border-left: 1px solid #cecece;
}
tr.HeaderStyle td:last-child, tr.AlternatingRowStyle td:last-child
{
   border-right: 1px solid #cecece;
}


/* GridView */

.GridView
{
   border: #cecece 0px solid;
   display: block;
}
.GridView td
{
   padding: 3px;
}
.GridView td img
{
   vertical-align: middle;
}

.GridView tr
{
   height: 28px;
}

.GridView td, .GridView th, .GridViewRowStyle, .GridViewRowStyle tr, .GridViewRowStyle td
{
   border: #cecece 0px solid;
   white-space: nowrap;
}

.GridViewRowStyle:hover, .GridViewAlternatingRowStyle:hover
{
   background-color: #e8e8e8;
}

.GridViewHeaderStyle, .GridViewAlternatingRowStyle
{
   background-color: #efefef;
}
.GridViewHeaderStyle a, .GridViewHeaderStyle a:link, .GridViewHeaderStyle a:visited, .GridViewHeaderStyle a:active, .GridViewHeaderStyle a:hover
{
   text-align: left !important;
   padding: 3px;
   display: inline;
   text-decoration: none;
   white-space: nowrap;
   color: #000000;
}

.GridViewHeaderStyle th
{
   text-align: left !important;
}

tr.GridViewHeaderStyle, tr.GridViewAlternatingRowStyle
{
   border: #cecece 1px solid;
}

tr.GridViewHeaderStyle th, tr.GridViewAlternatingRowStyle td
{
   border-top: #cecece 1px solid;
   border-bottom: #cecece 1px solid;
   white-space: nowrap;
}

tr.GridViewHeaderStyle th:first-child, tr.GridViewAlternatingRowStyle td:first-child
{
   border-left: 1px solid #cecece;
}
tr.GridViewHeaderStyle th:last-child, tr.GridViewAlternatingRowStyle td:last-child
{
   border-right: 1px solid #cecece;
}

tr.GridViewSelectedRowStyle
{
   border: #cecece 1px solid;
}

.GridViewSelectedRowStyle td
{
   background-color: #dcdcdc;
}

/* Menu */

.RibbonTabMenu
{
   font-family: Arial;
   font-size: 11px;
   left: 0px;
   background-image: url(/images/menu/root_bg.gif);
   background-repeat: repeat-x;
   width: 100%;
   clear: both;
   height: 25px;
}

.RibbonTab
{
   background-image: url(/images/menu/root_bg.gif);
   background-repeat: repeat-x;
   float: left;
   padding-left: 15px;
   padding-right: 13px;
}

.RibbonTab A
{
   text-decoration: none;
   color: Black;
   font-weight: bold;
}

.RibbonTabMiddle
{
   padding-top: 6px;
}

.RibbonActiveTab .RibbonTabLeft
{
   background-image: url(/images/menu/root_tab_left_bg.gif);
   background-repeat: no-repeat;
   float: left;
   height: 25px;
   width: 4px;
}

.RibbonActiveTab .RibbonTabMiddle
{
   background-image: url(/images/menu/root_tab_center_bg.gif);
   background-repeat: repeat-x;
   float: left;
   height: 19px;
   padding-left: 11px;
   padding-right: 8px;
   font-weight: bold;
}

.RibbonActiveTab .RibbonTabRight
{
   background-image: url(/images/menu/root_tab_right_bg.gif);
   background-repeat: no-repeat;
   float: left;
   height: 25px;
   width: 5px;
}
.RibbonActiveTab A
{
   text-decoration: none;
   color: Black;
}

.RibbonTabEnd
{
   clear: right;
}

.RibbonTabSub
{
   padding-left: 0px;
   clear: both;
   background-image: url(/images/menu/sub_bg.gif);
   background-repeat: repeat-x;
   height: 92px;
   width: 100%;
}

.RibbonTabSubGroup
{
   margin-top: 2px;
   margin-left: 2px;
   background-image: url(/images/menu/sub_group_center_bg.gif);
   background-repeat: repeat-x;
   float: left;
   height: 86px;
   font-family: Arial;
   font-size: 11px;
}

.RibbonTabSubGroup:hover
{
   margin-top: 2px;
   margin-left: 2px;
   background-image: url(/images/menu/sub_group_center_hot_bg.gif);
   background-repeat: repeat-x;
   float: left;
   height: 86px;
   font-family: Arial;
   font-size: 11px;
}

.RibbonTabSubGroupLeft
{
   background-image: url(/images/menu/sub_group_left_bg.gif);
   height: 86px;
   width: 2px;
   float: left;
}

.RibbonTabSubGroupItem
{
   float: left;
   height: 70px;
}

.RibbonTabSubGroupItemLeft
{
   float: left;
   width: 3px;
   margin-left: 4px;
}

.RibbonTabSubGroupItem:hover .RibbonTabSubGroupItemLeft
{
   background-image: url(/images/menu/sub_group_item_left_hot_bg.gif);
   float: left;
   width: 3px;
   height: 70px;
   margin-left: 4px;
}

.RibbonTabSubGroupItem.Active
{
   font-weight:bold;
}

.RibbonTabSubGroupItemCenter
{
   padding-top: 6px;
   height: 70px;
   float: left;
   font-size: 0.9em;
   text-align: center;
   width: 65px;
}

.RibbonTabSubGroupItem:hover .RibbonTabSubGroupItemCenter
{
   background-image: url(/images/menu/sub_group_item_center_hot_bg.gif);
   padding-top: 6px;
   height: 70px;
   float: left;
   font-size: 0.9em;
   text-align: center;
   width: 65px;
   background-repeat: repeat-x;
}
.RibbonTabSubGroupItemRight
{
   float: left;
   height: 70px;
   width: 3px;
   margin-right: 4px;
}

.RibbonTabSubGroupItem:hover .RibbonTabSubGroupItemRight
{
   background-image: url(/images/menu/sub_group_item_right_hot_bg.gif);
   float: left;
   height: 70px;
   width: 3px;
   margin-right: 4px;
}
.RibbonTabSubGroupItem A
{
   text-decoration: none;
   color: White;
}
.RibbonTabSubGroupItemText
{
   text-align: center;
   color: Black;
}
.RibbonTabSubGroupText
{
   clear: both;
   float: left;
   color: black;
   width: 100%;
   text-align: center;
}

.RibbonTabSubGroupRight
{
   background-image: url(/images/menu/sub_group_right_bg.gif);
   height: 86px;
   width: 2px;
   float: left;
}

.RibbonTabSubGroupItemSeparator
{
   float: left;
}

/*  

*/

.exportPanel
{
   float: left;
}

.exportClear
{
   clear: both;
   float: left;
}


.searchformlabel
{
   text-align: left;
   width: 160px;
   height: 31px;
   margin: 0;
   float: left;
   margin-right: 2px;
}

.searchformcol
{
   width: 195px;
   height: 31px;
   display: block;
   float: left;
   margin: 0;
}

div.searchformrow
{
   clear: both;
   width: 500px;
}

.administrateGroupsAndUsers div.GroupTreeControlLabel
{
   font-weight: bold;
   display: inline-block;
   text-decoration: none;
   color: #000000;
   background-color: #FFF;
   border: none;
   line-height: 16px;
   width: 100%;
   height: 16px;
}



div.editForm div.editField label
{
   width: 150px;
   display: inline-block;
}

.buttonContainer
{
   text-align: right;
}

.toggler
{
   text-decoration: underline;
}
.togglable
{
   padding: 5px 10px 15px;
   background-color: #F4F4F8;
}




.propertyForm li
{
   border: 1px solid transparent;
   margin: 2px 2px !important;
   padding: 2px !important;
   list-style: none outside none;
}

.propertyForm .form-item
{
   display: inline-block;
   width: 100%;
}

.propertyForm .form-label-left
{
   display: inline-block;
   float: left;
   padding: 3px;
   text-align: left;
   z-index: 100;
   width: 150px;
}

.propertyForm .form-input
{
   display: inline-block;
   padding: 3px;
}

.propertyForm .form-line
{
   clear: both;
   display: block;
   margin: 0;
   padding: 10px;
   position: relative;
   width: -moz-available;
}

.leftth
{
   text-align: left;
}

.rgRow.error
{
}

.rgRow.warning
{
}

.sidenav
{
   background-color: #f0f0f0;
   width: 210px;
}

.sidenav ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}
.sidenav ul li
{
   line-height: 25px;
   padding: 0px 0px 0px 10px;
   margin: 0px;
   background-color: #fff;
}
.sidenav ul li.text
{
   color: #4a4a4a;
   font-weight: bold;
   margin-top: 10px;
   padding-top: 5px;
   font-size: 13px;
}
.sidenav ul li.text.first
{
   margin-top: 0px;
}
.sidenav ul li.tab a
{
   color: #000;
}
.sidenav ul li.tab a:hover
{
   color: #8d8d8d;
}

.sidenav ul li.tab.active
{
   background-color: #4a4a4a;
}
.sidenav ul li.tab.active a
{
   color: #fff;
}

#rightcontent
{
   min-width: 700px;
}

ul.crumbs, ul.crumbs li
{
   list-style-type: none;
   padding: 0;
   margin: 0;
}

.crumbs
{
   border: 1px solid #dedede;
   height: 2.3em;
}

ul.crumbs li
{
   float: left;
   line-height: 2.3em;
   padding-left: .75em;
   color: #777;
}

.crumbs li a
{
   display: block;
   padding: 0 15px 0 0;
   background: url(/images/crumbs.gif) no-repeat right center;
}

.crumbs li a:link, .crumbs li a:visited
{
   text-decoration: none;
   color: #777;
}

.crumbs li a:hover, #crumbs li a:focus
{
   color: #dd2c0d;
}

.crumbs
{
   font:71%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
}

