﻿*
{
    margin: 0;
}
body
{
    font-family:Verdana;
    font-size:small;
}
a, a:visited, a:hover
{
	color:blue;
}
#pnlSearchPackages-Results a, #pnlSearchPackages-Results a:visited, #pnlSearchPackages-Results a:hover
{
	color:blue !important;
}
a:active
{
	color:red;
}

dd
{
    margin:0px;
}

textarea
{
    font-family:verdana;
    font-size:small;
}
#imgLogo 
{
    width:400px;
    height:84px;
    display:inline-block;
    background:transparent url('/ImageHandler.ashx?customlogo') no-repeat 0 0;
}
.loggedin #imgLogo
{
    background:transparent url('/ImageHandler.ashx?customlogo&loggedin=1') no-repeat 0 0 !important;
}
#nonFooter
{
    position: relative;
}

#content
{
}
.push 
{
    display:none;
}

#footer
{
    font-size:x-small;
    text-align:center;    
    line-height:4em;
} 

.BreadCrumb
{
    position:absolute;
    bottom:5px;
    left:0px;
    right:0px;
    text-align:left;
    padding:0px 10px;
}
div.Header
{
    position:relative;
    height:128px;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5
{
    color:#009ED9;
    position:relative;
    margin:0px;
}
h1 a, h2 a, h3 a, h4 a, h5 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a
{
    color:#128858;
    font-weight:normal;
    position:relative;
    text-decoration:none;
}

h1, .h1
{
    font-size:x-large;
}

h2, .h2
{
    font-size:large;
}

h3, .h3
{
    font-size:medium;
}

h4, .h4
{
    font-size:small;
}
.h1, .h2, .h3, .h4, .h5 
{
    display:block;
}

.West h1, .West h2, .West h3, .West h4, .West h5
{
	margin-bottom:4px;
}
#overlay
{
    background-image:url('Images/Loading.gif');    
	background-color:White;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.UserLinks
{
    position:absolute;
    right:50px;
    top:46px;
}

.UserLinks a
{
    margin-left:20px;
    color:White;
}

#oldbrowser
{
    height:34px;
    border-bottom:solid 1px black;
    clear:both;
    font-size:12px;
    background:LemonChiffon url('Images/warningicon.gif') no-repeat 10px 2px;    
    
	display: table; 
	#position: relative; 
	overflow: hidden; 
	width:100%;	
}
#oldbrowsermessage
{
    left:50px;
    right:150px;
    
	position: absolute; 
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
    
}
#oldbrowsermessage div
{
    #position: relative; 
    #top: -50%
}

#closeoldbrowser
{
    display:block;
    position:absolute;
    right:8px;
    top:9px;
    width:16px;
    height:16px;
    background-image:url('Images/closingoldbrowser.gif');
    background-position:0px 0px;
}
#closeoldbrowser:hover
{
    background-position:-16px 0px;
}

#upgradebrowsers
{
    position:absolute;
    top:0px;
    height:34px;
    right:40px;
}

#upgradebrowsers a
{ 
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    margin-left:10px;
}

#upgradeie
{   
    background:url('Images/ie.gif');    
}
#upgradechrome
{
    background:url('Images/chrome.gif');    
}
#upgradefirefox
{
    background:url('Images/firefox.gif');    
}
#MainContent
{
    position:relative;
    padding:30px;
    border:white;
    z-index:1;
    min-height:400px;
}
.premaincontent
{
    position:absolute;
    top:120px;
    left:50px;
    right:50px;
    height:10px;
}
.premaincontent .div1 
{
    position:absolute;
    display:block;
    left:0;
    width:400px;
    height:10px;
    background: white url('Images/header-line-left.gif') no-repeat 0 0;
}
.premaincontent .div2
{
    position:absolute;
    right:0;
    display:block;
    left:400px;
    height:10px;
    background: white url('Images/header-line-right-center.gif') no-repeat right 0px;
}
div.West
{
    position:absolute;
    left:10px;
    top:10px;
    bottom:0px;
    border-right:dotted 1px #d3d3d3;
    width:180px;
    margin:20px;
}
div.West ul
{
	margin:0px !important;
}

div.West ul li ul
{
    padding-left:15px !important;
    padding-top:10px;
}
ul
{
    padding-left:5px;
}
li
{
    list-style:none;
}
div.West li
{
    margin:0 0 10px;
}
div.West a
{
    text-decoration:none;
    color:#767676;
}
div.West a:hover
{
    color:#5B1E93;
}
div.Center
{
    margin-left:190px;
}
div.Center-NoWest
{
}

#chromeframe
{
    height:34px;
    border-bottom:solid 1px black;
    clear:both;
    font-size:12px;
    background:LemonChiffon url('Images/GoogleChrome.gif') no-repeat 10px 2px;    
	overflow: hidden; 
	width:100%;	
}
#chromeframemessage
{   
    line-height:34px;
    padding-left:50px;    
	vertical-align: middle;    
}

input[type=text].disabled, textarea.disabled
{
    background-color:Transparent;
    border:solid 1px #d3d3d3;
}

#WestCustomContent
{
}


.MessageSearch
{
    border:solid 1px #3896CA;
    background:white;
    padding:2px 10px;
    
    position:absolute;
    top:90px;
    right:40px;   
    width:260px; 
    z-index:50;   
}
.MessageSearch .Input
{
    border:none 0px transparent;
    width:255px;
}
.MessageSearch .Input:focus
{
    outline: 0;
}
.MessageSearch .Button
{
    border:none;
    position:absolute;
    right:-16px;
    top:-4px;
    background:transparent url('Images/searchbutton.png') no-repeat !important;
    width:32px;
    height:32px;
    display:block;
    cursor:pointer;
}

.watermark 
{
   color: #999;
   font-style:italic;
}

input[type=text],input[type=password]
{
    border:solid 1px #d3d3d3;
}

table.PageTitle
{
    margin-bottom:10px;
    position:absolute;
    top:-32px;
    left:17px;
    font-size:1em;
    z-index:1001;
}
.IdentityProvidersPageTitle, .SQMConfigurationPageTitle, .MessageDigestsPageTitle, .UserGroupsPageTitle, .StampsPageTitle, .TemplatesPageTitle, .TextCensorsPageTitle, .AdvancedPoliciesPageTitle, .IpGroupsPageTitle, .SyslogPageTitle
{
    top:-36px !important;
}
.IdentityProviderControllerListPageControls, .SyslogTemplatesControllerControls
{
    top:-10px !important;
}

.SyslogTemplatesControllerEditControls 
{
    position: absolute;
    right: 30px;
}
.UserGroupsPageTitle tr + tr 
{
    display:none !important;
}
.IpGroupsPageTitle tr + tr 
{
    display:none !important;
}
table.PageTitle.DomainsPageTitle 
{
    top:-35px !important;    
}
table.PageTitle h1, 
table.PageTitle h2
{
    font-size:1em;
}
h2.PageTitle,
.RetentionPageTitle h2
{
    margin-bottom:10px;
    position:absolute;
    top:-33px;
    left:18px;
    font-size:1em;
}
.DashboardPageTitle h2
{
    margin-bottom:10px;
    position:absolute;
    top:-53px;
    left:-12px;
    font-size:1em;
}

#PageControls
{
    position:absolute;
    top:80px;
    right:20px;
}
#PageControls.AdvancedPoliciesPageControls, #PageControls.UserGroupUsersPageControls, #PageControls.IpGroupIpsPageControls
{
    top:30px;
}
#PageControls.UserGroupPageControls 
{
    top:60px;
}
    
.smallloader
{
    background-image:url('Images/smallloading.gif');  /* this is a special css class used to load a custom small 16x16 loading image for datatables */
}

#ChangePasswordModal dd
{
    width:150px;
    text-align:right;
    padding-right:5px;
    margin:8px 0px;
}
#ChangePasswordModal dt
{
    margin-left:160px;
    margin-top:-28px;
}
#ChangePasswordModal dt input
{
    width:90%;
}
td a, td a:visited, td a:hover, td a:active, ul li span a, ul li spana:visited, ul li spana:hover, ul li spana:active
{
    color:Blue;
}

input.hasDatepicker
{
    padding:1px;
    background:transparent url('Images/calendar.png') no-repeat right 2px;
}

input.ui-timepickr
{
    padding:1px;
    background:transparent url('Images/clock.png') no-repeat right 1px;
}
.reDropDownBody  h1
{
    display: block !important;
    font-size: 2em !important;
    font-weight: bold !important;
    margin: .67em 0 !important;
    color:Black !important;
}
.reDropDownBody h2 {
    color:Black !important;
  display: block !important;
  font-size: 1.5em !important;
  font-weight: bold !important;
  margin: .83em 0 !important;
}

.reDropDownBody h3 {
    color:Black !important;
  display: block !important;
  font-size: 1.17em !important;
  font-weight: bold !important;
  margin: 1em 0 !important;
}

.reDropDownBody h4 {
    color:Black !important;
  display: block !important;
  font-weight: bold !important;
  margin: 1.33em 0 !important;
}

.reDropDownBody h5 {
    color:Black !important;
  display: block !important;
  font-size: 0.83em !important;
  font-weight: bold !important;
  margin: 1.67em 0 !important;
}

.reDropDownBody h6 {
    color:Black !important;
  display: block !important;
  font-size: 0.67em !important;
  font-weight: bold !important;
  margin: 2.33em 0 !important;
}
.reTool .InsertLink
{
    background-position:-665px center;
}
.InsertLinkDialog dl
{
    left:20px;
    position:absolute;
    right:90px;
    min-height:150px;
}
.InsertLinkDialog dl dt
{
    clear:left;
    float:left;
    width:50px;
    display:block;
    padding:8px 0px;
}
.InsertLinkDialog dl dd
{
    clear:right;
    float:left;
    left:55px;
    right:0px;
    display:block;
    width:100%;
    margin-left:55px;
    margin-top:-29px;
}
.InsertLinkDialog input, .InsertLinkDialog  select
{
    width:100%;
}
.reTlbVertical ul 
{
    display:none;
}
.reTlbVertical ul.reToolbar
{
    display:inherit !important;
}
.datatable th
{
    text-align:left;
    padding-left:4px;
}

div.Header 
{
    background:transparent url('Images/header-background.gif') repeat-x 0 0;
}

div.Header div.UserInformation
{
	position:absolute;
	right:50px;
	top:26px;
	color:White;	
}
ul.Contents
{
	margin:0px !important;
	padding:0px !important;
}
div.ui-dialog-buttonpane a.btn
{
	min-width:70px;
}
.PageDescription
{
	padding-bottom:20px;
	height:40px;
}

.PageTitle tbody tr:hover td, .West li:hover, ul.Contents li:hover, div.datatable ul li:first-child, ul#FolderList li, .reToolbar li:hover, .RadEditor table tr:hover td, .RadEditor.Sitefinity li:hover, #TemplateEditorTabs-Options li:hover, div.settings li:hover, table.ui-datepicker-calendar tr:hover td, .ui-timepickr li:hover, ul.SearchArea li:hover, #LoginEditorTabs-MenuSecurity li:hover, #DigestEditorTabs-Delivery li:hover, #DigestScheduleEditor li:hover, #RuleViewWindow li:hover, #RuleViewWindow tr:hover td, .WizardPage table tr:hover td, .AdvancedRulesHeader li:hover
{
    background-color:transparent !important;
}
#DocumentationPopup iframe
{
	width:100%;
	height:100%;
	border:none;
}
.DashboardNotAvailable
{
    position:relative;
    top:100px;
    margin:auto;
    padding:2px;
    background:#eaeaea;    
    width:600px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
.DashboardNotAvailable span
{
    margin:2px;
    background:#f4f4f4;
    padding:40px;
    font-size:1.2em;
    display:block;
    text-align:center;
    color:#454545;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
.SQMConfigurationPageTitle a, .SyslogPageTitle a
{
	text-decoration:none !important;
}

#returntologin
{
	display:block;
	text-align:center;
	margin-top:30px;
}

.data-form 
{
    color:#3c6195;
    padding-top:20px;
    position:relative;
    padding:30px 20px 40px;
    font-size:0.9em;
}
.data-form.no-title 
{
    padding-top:20px;
}
.data-form input,
.data-form textarea,
.data-form select
{
    font-size:1em;
}

.ui-dropdownchecklist-dropcontainer-wrapper,
.ui-dropdownchecklist-text
{
    font-size:0.9em;
}
.data-form .data-actions
{
    margin-right:20px;
    height:25px;
    margin-top:20px;
    padding-top:3px;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding-left:10px;
    padding-right:10px;
}
#pnlAuditHistorySearch 
{
    margin-left:155px;
}
.data-table, .ul-data-body
{
    width:100%;  
    font-size:0.8em;
    margin-bottom:10px;
    border-collapse: separate !important;
}
.data-table tbody td,
.ul-data-body li
{
    background:#fff;
    line-height:24px;    
}
.data-table tbody td:first-child 
{
    padding-left:10px;
}
.data-table tbody .alt td,
.data-table li.alt,
.ul-data-body li.alt
{
    background-color:#f0f0f0;
}
.data-table thead .Pager
{
    display:none;
}
.data-table thead tr,
.data-form .data-head,
.ul-data-head
{
    border-bottom:solid 1px #4169E1; 
}
.data-table thead tr,
.ul-data-head
{
    
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDE9F5));
    background-image: -moz-linear-gradient(top, #ffffff, #dde9f5);
    background-image: -o-linear-gradient(top, #ffffff, #dde9f5);
    background-image: -ms-linear-gradient(top, #ffffff, #dde9f5);
    background-image: linear-gradient(top, #ffffff, #dde9f5);
}
.data-form .data-head
{
    font-size:1.1em;
}
.data-table thead tr th,
.ul-data-head
{
    color:#4a6997;
    font-weight:normal;
    padding:5px;
    font-size:1em !important;
    border:solid 1px #DDE9F5;        
    border-left:none;
}
.data-table thead tr th:first-child
{
    border:solid 1px #DDE9F5;    
}
.ul-data-head
{
    border:solid 1px #DDE9F5;    
    border-bottom:none;
    width:100%;
    background: rgb(239,244,250); /* Old browsers */ 
}
.data-form .data-head
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    border-left:none;
    
    color:#434755;
    font-weight:bold;
}
.data-table thead tr th a
{
    color:#4a6997 !important;
}
.data-table tfoot .pagination
{
    margin:2px;
    padding:0;
}
i.True 
{
    background:transparent url('images/tick.gif') no-repeat 0 0;
    display:inline-block;
    width:16px;
    height:16px;
}
i.False 
{
    background:transparent url('images/cross.gif') no-repeat 0 0;
    display:inline-block;
    width:16px;
    height:16px;
}

pre.dialog-message 
{
    font-family:Verdana;
    font-size:small;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.group-header, .group-title
{
    border-bottom:1px solid silver;
}
.group-description, .group-desc 
{
    color:gray;
    font-style:italic;
    padding-bottom:5px;
}

@media screen and (max-width:1220px) 
{
    .Header 
    {
    }
    .UserLinks
    {
        width:150px;
        text-align:right;
        right:10px;
        font-size:9px !important;
    }    
    div.Header div.UserInformation
    {
        display:none;
    }
    .UserLinks a 
    {
        margin-left:5px;
    }
    .nav 
    {
        left:240px !important;
    }
    .nav > ul > li > a 
    {
        width:77px !important;
        font-size:9px !important;
    }
    .nav ul li div ul {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .Portal div.left 
    {
        width:500px !important;
    }
    .Portal div.right 
    {
        width:320px !important;
    }
    div.right dl.Features dt 
    {
        min-width:160px !important;
        width:160px !important;
    }
    div.right dl.Features dd 
    {
        width:130px !important;
    }
    .portlet-content
    {
        font-size:10px !important;
    }
    .Portal 
    {
        width:860px;
    }
    
}

