/* === Start Beta Code === */
.beta_ribbon{position:absolute;top:0;left:0;}
.beta_button{display:block;height:33px;width:120px;background:url(../../images/beta_button.png) no-repeat 0 0;margin:0;float:left;}
.beta_button:hover{background-position: 0 -33px;}
div.MenuText{float:left;}
#submitabug{width:510px;}
/* ==== End Beta Code ==== */

body{color: #333;font:normal 12px Arial,Verdana,sans-serif;margin: 0px;padding:0;}

/* === Typography === */
/*
@font-face {
	font-family: 'Cosmetica';
	src: url('fonts/MgOpenCosmetica-Bold.eot');
	src: local('Cosmetica'), local('Cosmetica'), url('fonts/MgOpenCosmetica-Bold.ttf') format('truetype');
}
*/
/* === General === */
h1{font-family: 'Cosmetica', Arial, Helvetica, sans-serif;}
.required{color:#CC0000;}
.watermark{color:#CCC;}
a{color:#0189DF;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
.clearall{clear:both;}
.inline, ul.inline li{display:inline !important;padding:0 !important;}
a img{border:none;}
.guestimatedTime{color:#999;font-size:10px;}
input,textarea,button,input:active,textarea:active,button:active{outline:none;}

/* === Header === */
.Header {background:#000;overflow:hidden;min-height:89px;border-bottom:7px solid #666;}
.logo{padding:15px 0 0 40px;width:310px;float:left;overflow:hidden;}

.textlinks a{color:#FFF;font-style: normal;}
.textlinks a img {text-decoration: underline;}
.textlinks{color: #008ce1;float:right;clear:right;padding-top:15px;}
.MenuText{color: #7cacda;text-decoration: none;margin:0pt 2px 0pt 4px;padding:4px 6px;}
.textlinks .ActiveButton {background: #008ce1;border: 1px solid #FFF;padding:4px 6px;border-bottom: 0;margin: 0 1px 0 3px;text-decoration: none !important;z-index: 1000000;position: relative;}
.textlinks .clientsBtn.ActiveButton{background-color:#D6EFFF;border: 1px solid #666;border-bottom: 0;color:#666;}
.textlinks a.MenuText{text-decoration: underline;color:#FFF;}
.textlinks .agencyDropdown{width:300px;background:url('../../images/bgdropdown.png') repeat-x #FFF;border:1px solid #666;position:absolute;top:10px;z-index:5000;margin:-3px 3px 3px -3px;}
.textlinks .agencyDropdownLeft{margin:-3px 3px 3px -243px;}
.textlinks .agencyDropdown .agencyDropdownCont{padding:10px;}
.textlinks .agencyDropdown .searchBoxHolder{padding-top:10px;overflow:hidden;}
.textlinks .agencyDropdown .agencyClientList{margin:10px 0 0;padding:0;display:block;list-style-type:none;border:1px solid #ccc;height:200px;overflow-y:scroll;overflow-x:hidden;background-color:#FFF;}
.textlinks .agencyDropdown .agencyClientList li{display:block;padding:3px 10px;border-bottom:1px dotted #ccc;cursor:pointer;text-align:left;color:#333;}
.textlinks .agencyDropdown .agencyClientList li.ReportUser{background-color:#EFEFEF;padding-left:20px;}
.textlinks .agencyDropdown .agencyClientList li:hover{background-color:#E0F3FE;}
.textlinks .agencyDropdown .agencyClientList li.active{background-color:#D6FED9;}
.textlinks .agencyDropdown select{width:100%;}
.textlinks .agencyDropdown input{width:272px;}
.textlinks .agencyDropdown .watermark{color:#CCC;}

.textlinks .loggedinas{margin-top: 5px;}

.Header_Bottom{clear:both;}

/* === Page Frame === */
.ContentContainer{min-height: 370px;padding:17px 10px;background: url(../../images/gradient.jpg) repeat-x 0 0 #FFF;position:relative;}

/* === Page Sidebar Frame === */
.SideContainer{width:197px;float:left;margin-right:5px;}
.sideBox{padding:17px;border:1px solid #DDD;margin-bottom:5px;background-color:#FFF;}
.sideBox h3{color:#0189DF;font-size:15px;font-weight:normal;margin:0 0 2px;}
.sideBox em{color:#0189DF;}
.sideBox ol{margin:10px 0 8px;padding:0;list-style-type:none;}
.sideBox ol li{margin:0;padding:0 0 2px;}
.sideBox ol li a{color:#333;}

.globalSearchBox{padding:10px 16px 9px 17px;}
.globalSearchBox form{position:relative;overflow:hidden;}
.globalSearchBox form .searchEyeglass{width:16px;height:16px;position:absolute;left:5px;top:8px;}
.globalSearchBox form .textBox_160{text-indent:20px;}
.globalSearchBox form .advancedSearchBox{float:left;width:121px;overflow:hidden;padding-top:5px;text-indent:10px;margin-top:5px;}
.globalSearchBox form .advancedSearchBox a{font-size:11px;color:#999;}
.globalSearchBox form .button{margin-right:0;margin-top:5px;}

.mainNav ul{list-style-type:none;margin:0;padding:0;font-size:15px;}
.mainNav ul li.dropdown{background:url(../../images/navArrowClosed.gif) no-repeat 0 5px;padding:0 0 3px 10px;}
.mainNav ul li.expanded{background-image:url(../../images/navArrowOpened.gif);}
.mainNav ul li.dropdown ul{display:none;font-size:12px;}
.mainNav ul li.expanded ul{display:block;}
.mainNav ul li.expanded ul li{padding:3px 0 0;}
.mainNav ul li.dropdown ul li a{color:#333;}

.sidebarWidthControl{width:20px;position:absolute;height:400px;left:200px;top:0;cursor:col-resize;display:block;text-decoration:none !important;background:url(../../images/navSizeIcon.gif) no-repeat 9px 300px;}
.sidebarWidthControl.closed{background-position:-11px 300px;}
.sidebarWidthControl:hover{text-decoration:none !important;}

/* === Page Content Frame === */
.BodyContainer{padding:0 0 20px;background-color:#fff;min-width:779px;min-height:380px;padding:10px 0 0;border:1px solid #DDD;overflow:hidden;}
.PageHeader, .TableHeaders, .ActionBar, .TableContent{padding:0 30px;}
.PageHeader{padding:5px 30px 25px;overflow:hidden;}
.PageHeader img{float:left;margin-right:10px;}
.PageHeader h1{float:left;font-size:22px;color:#0189DF;margin:0;padding-top:12px;}
.PageHeader h1 a{color:#0189DF;}
.PageHeader h1 img{float:none;}
.PageHeader h1 .headingDate{color:#40B3FF;font-size:14px;display:block;font-weight:normal;}
.PageHeader .pageinfo{float:left;width:550px;padding-top:8px;font-size:13px;}
/* Hide Page Info */ .PageHeader .pageinfo{display:none;} /* Hide Page Info */
.PageHeader .helpButton{display:block;float:right;width:30px;height:30px;background:url(../../images/helpButton.jpg) no-repeat 0 10px;text-indent:-5000px;padding-top:10px;}

.ActionBar, .actionBar{padding:7px 30px;background-color:#E8EFFF;border-top:1px solid #D2E0FF;overflow:hidden;clear:both;}
h2, .tabNav, .tabNavAlt{border-top:1px solid #DDD;font-size:12px;margin:15px 0;padding:5px 30px;border-bottom:1px solid #DDD;background-color:#EFEFEF;}
h2.first, .tabNav.first, .tabNavAlt.first{border-top:1px solid #D2E0FF;margin-top:0;}
h2.noSpace, .tabNav.noSpace{margin-bottom:0;}

.tabNav, .tabNavAlt {list-style-type:none;padding-bottom:0;}
.tabNavAlt{margin-top:0;}
.tabNav li, .tabNavAlt li{display:inline-block;background-color:#E8EFFF;border:1px solid #DDD;border-bottom:#E8EFFF;padding:5px;margin:5px 5px -1px 0;}
.tabNav li:hover, .tabNavAlt li:hover{background-color:#FFFFCC;}
.tabNav li.active, .tabNavAlt li.active{background-color:#FFF;border-bottom:1px solid #FFF;padding:10px 10px 5px;}
.tabNav li a:hover, .tabNavAlt li a:hover{text-decoration:none;}

.button{border:none;cursor:pointer;background:transparent no-repeat 0 0;text-align:center;padding:4px 0 4px;color:#333;float:left;margin-right:10px;font-size:13px;line-height:145%;}
.button:hover{background-position:0 -25px;}
.button_40{background-image:url(../../images/btn_40.png);width:40px;}
.button_67{background-image:url(../../images/btn_67.png);width:67px;}
.button_150{background-image:url(../../images/btn_150.png);width:150px;}
.button_200{background-image:url(../../images/btn_200.png);width:200px;}
.button_250{background-image:url(../../images/btn_250.png);width:250px;}
.folderButton{float:left;display:block;width:31px;height:25px;}
.aside{clear:both;margin-left:170px;font-size:10px;color:#999;}
.textBox, .datefield, .reportDetailSelect select{border:1px solid #DDD;margin-right:10px;float:left;padding:7px 5px 6px;}
.textBoxShort, .datefield, .reportDetailSelect select{padding:4px 5px;}
.textBox.hover, .textBox:hover, .reportDetailSelect select:hover{border:1px solid #C0E3F8;}
.textBox:focus, .textBox.focus, .reportDetailSelect select:focus{border:2px solid #C0E3F8;margin:-1px 9px -1px -1px;}
textarea.textBox:focus, textarea.textBox.focus, select.textBox:focus, select.textBox.focus, .reportDetailSelect select:focus{margin:-1px 10px -1px 0px;}
.textBox_50{width:40px;} select.textBox_50{width:52px;}
.textBox_80{width:70px;} select.textBox_50{width:82px;}
.textBox_160{width:150px;} select.textBox_160{width:162px;}
.textBox_250{width:240px;} select.textBox_250, .reportDetailSelect select{width:252px;}
.textBox_300{width:290px;} select.textBox_300, .reportDetailSelect select{width:302px;}
.textBox_400{width:390px;} select.textBox_400{width:402px;}
.textBox_600{width:590px;} select.textBox_600{width:602px;}
.checkBox{margin:7px 10px 7px 0;}
.button_reloadPage span{display:inline-block;height:20px;width:20px;background:url(../../images/refresh_button.jpg) no-repeat 0 0;text-indent:-5000px;}
.button_reloadPageBig span{height:24px;width:24px;background:url(../../images/refresh_buttonBig.jpg) no-repeat 0 0;text-indent:-5000px;}
.button_reloadPage:hover{text-decoration:none;}
.button_reloadPage:active span{background-position:left bottom;}

.fieldCase{padding: 7px 30px;overflow:hidden;}
.firstFieldCase{}
.fieldCaseTemplate{padding:7px 10px 7px 30px;}
.fieldCase .fieldLabel{display:block;float:left;width:160px;padding-top:8px;}
.fieldCase .bigLabel{font-size:18px;font-weight:bold;}
.fieldCase p.fieldValue{display:block;padding-top:8px;margin:0;}
.fieldCase .fieldList, .fieldCase .fieldRdoList{float:left;}
.fieldCase .fieldList p, .fieldCase .fieldRdoList label{clear:both;display:block;}
.fieldCase .innerFieldCase{padding:3px 0 3px 26px;min-height:20px;background:url(../../images/nodejoin.gif) no-repeat 1px 3px;overflow:hidden;clear:both;}
.fieldCase .innerFieldCase .fieldLabel{float:none;width:400px;}
.caseSplit{width:49%;float:left;}
.seperatedForm .fieldCase{border-bottom:1px solid #CCC;padding-bottom:15px;margin-bottom:15px;}
.seperatedForm{border-bottom:none;}
.fieldCaseMove{width:310px;float:left;}
.fieldCaseMoveSplit{width:50px;float:left;padding-top:200px;}

.ISSelectReplacement{width: 450px;height: 250px;}
input.ISSelectSearch{width: 447px;border: 1px solid #DDD;margin-top:1px;}
.ISSelect {background:#FFFFFF none repeat scroll 0%;border:1px solid #DDD;float:left;height:200px;overflow:auto;width:300px;}
.ISSelect ul, .ISSelect li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;padding:0pt;}
.ISSelect li {border-bottom:1px solid #FFFFFF;cursor:default;padding:2px 0 2px 4px}
.ISSelect li.ISSelectGroup {padding-left:0pt;}
.ISSelect input {vertical-align:middle;}
.ISSelectGroup li {padding-left:20px;}
.ISSelect .ISSelectOptionHover {background:#EFEFEF none repeat scroll 0%;}
.ISSelectGroup div {font-style:italic;font-weight:bold;padding-left:4px;}
.ISSelect li.ISSelectGroup {background:transparent none repeat scroll 0%;border-bottom:0pt none;border-top:0pt none;padding-bottom:0pt;}
.ISSelect .SelectedRow {background:#D2E0FF none repeat scroll 0%;border-bottom:1px solid #FFF;}

#sectionRuleContainer{float:left;}
#search_SelectList, input.ISSelectSearch{margin-left:160px;}
.innerFieldCase #search_SelectList, .innerFieldCase input.ISSelectSearch{margin-left:0;}

.DisplayTemplateList{display: block; width: 255px; float:left;}
.DisplayTemplateList select{height:200px;}

#SubscriberViewPicker .ItemContainer{background-color:#FFF;border:1px solid #008CE1;}
#SubscriberViewPicker .ItemContainer .DropDownMenu a:hover{background-color:#FFFFFF;color:#008CE1;}
#SubscriberViewPicker ul{list-style-type:none;margin:0;padding:0;}
.DropShadowContainer {left: 3px;top: 3px;margin-right: 3px;margin-bottom: 3px;z-index: 1000000;position: relative;}
.DropShadowContainer .Shadow1,.DropShadowContainer .Shadow3,.DropShadowContainer .ItemContainer {left: -1px;top: -1px;position: relative;}
.DropShadowContainer .Shadow2 {background: #000;}
.DropShadowContainer .Shadow3 {background: #000;}
.DropShadowContainer .ItemContainer {background: #008ce1;border: 1px solid #fff;}
.PopDownMenuContainer {z-index: 1000;}
.DropDownMenu ul, .DropDownMenu li {text-align: left;list-style: none;padding: 0;margin: 0;}
.DropDownMenu a {padding: 4px 10px;display: block;line-height: 1.7;text-decoration: none;}
.DropDownMenu a:hover, .DropDownMenu a:hover {background-color: #006bac;}
.DropDownMenu li.Break {margin: 0;padding: 0;line-height: 0;}
.DropDownMenu hr {color: #cacaca;background-color: #cacaca;height: 1px;border: 0;margin: 2px auto;padding: 0;line-height: 0;font-size: 1px;width: 90%;}

div#eventTypes {position: absolute;margin-top: 20px;height: 150px;overflow: auto;background: #fff;border: 1px solid #000;z-index: 1024;display: none;}
div#eventTypes ul {list-style-type: none;margin: 0px;padding:0px;}
div#eventTypes ul li {margin: 0px;padding:2px;cursor: pointer;}
div#eventTypes ul li.selected {background: #316AC5;color: #fff;}
/* === Dashboard === */
.dashboardBox{}
.dashboardBoxConnect{width:210px;float:right;margin-right:0;}
.dashboardBoxRecentCampaigns{margin-right:220px;}
.dashboardBox h2{background-color:#E8EFFF;border:1px solid #D2E0FF;margin:0;padding:5px 14px;}
.dashboardBox .dashboardBoxContent{border:1px solid #DEDEDE;border-top:0;padding:10px 14px;overflow:hidden;}
.dashboardBoxRecentCampaigns .dashboardBoxContent, .dashboardBoxConnect .dashboardBoxContent{min-height:238px;}
.dashboardBox .dashboardBoxContent .title{font-size:14px;}
.dashboardBox .dashboardBoxContent .socialIcons{overflow:hidden;}
.dashboardBox .dashboardBoxContent .socialIcons img{float:left;}
.dashboardBox h2 .titleFixed, .dashboardBox .dashboardBoxContent .contentFixed{width:180px;float:right;margin-left:20px;display:block;}
.dashboardBox .dashboardBoxContent .content{float:left;max-width:40%;}

.dashboardCampaigns{overflow:hidden;}
.dashboardCampaign{}
.dashboardCampaign .dashboardCampaignHeader{}
.dashboardCampaign .dashboardCampaignHeader img{float:left;}
.dashboardCampaign .dashboardCampaignHeader h3{font-size:19px;margin:0 0 3px;}
.dashboardCampaign .dashboardCampaignHeader .subject{display:block;font-size:13px;color:#0189DF;}
.dashboardCampaign .dashboardCampaignHeader .sentStats{display:block;margin-top:5px;color:#666;font-size:10px;font-style:italic;}
.dashboardCampaign .campaignStats{width:357px;float:left;overflow:hidden;margin:0;padding:10px 0 0;list-style-type:none;}
.dashboardCampaign .campaignStats li{width:115px;height:80px;margin:0 4px 4px 0;background-color:#EEE;float:left;color:#0189DF;font-size:14px;}
.dashboardCampaign .campaignStats li:hover{background-color:#E8EFFF;}
.dashboardCampaign .campaignStats li span{display:block;padding:14px 0 14px 18px;}
.dashboardCampaign .campaignStats li .value{padding:0;color:#FB6600;font-size:18px;font-weight:bold;}
.dashboardCampaign .campaignActions{margin:10px 0 0 357px;height:164px;background-color:#E8EFFF;}
.dashboardCampaign .campaignActions p{margin:0;padding:14px 0 10px 18px;color:#0189DF;font-size:14px;}
.dashboardCampaign .campaignActions ul{list-style-type:none;margin:0;padding:0 0 0 18px;}
.dashboardCampaign .campaignActions ul li{margin:0;padding:3px 0 2px 14px;background:url(../../images/orangesquarebullet.gif) no-repeat left center;}

.dashboardBoxBottom h2 .title,.dashboardBoxBottom h2 .title1,
.dashboardBoxBottom .dashboardBoxContentBottom .content{float:left;width:45%;max-width:45%;}
.dashboardBoxContentBottom .content p{margin-top:0;padding-top:0;padding-left:67px;}
.dashboardBoxContentBottom .content1 p{padding-left:67px;}
.dashboardBoxBottom h2 .title1,.dashboardBoxBottom .dashboardBoxContentBottom .content1{margin-right:10%;}
.dashboardBoxBottom h2{padding:5px 210px 5px 14px;overflow:hidden;}
.dashboardBoxBottom .dashboardBoxContentBottom{padding:14px 210px 10px 14px;}

/* === Built-In Template View === */
.TemplateBox, .TemplateBoxOver{width:220px;margin-right:20px;float:left;border:1px solid #DDD;margin-bottom:20px;text-align:center;}
.TemplateBox a, .TemplateBoxOver a{display:block;padding:10px;color:#333;}
.TemplateBox a:hover, .TemplateBoxOver a:hover{text-decoration:none;}
.TemplateBox a .TemplateHeading, .TemplateBoxOver a .TemplateHeading{margin-bottom:5px;font-weight:bold;}
.TemplateBoxOver, .TemplateBox:hover{background-color:#FFFFCC;}

/* === Inbox Preview === */
.userflow{width:400px;height:300px;background-color:#FFF;}
.ui-progressbar-value { background-image: url(../../images/ui/pbar-ani.gif) !important; }
.renderedBox{width:139px;margin-right:20px;float:left;border:1px solid #DDD;margin-bottom:20px;}
.renderedBox:hover{background-color:#FFFFCC;}
.renderedBox img{border:none;}
.renderedBox .renderedBoxImg{padding:10px 10px 0;}
.renderedBox .renderedBoxName{padding: 5px 10px 10px;text-align:center;}
.renderedMobileBoxCase{overflow:hidden;}
.renderedMobileBox{background:url(../../addons/litmus/images/mobile_phone_sprites.png) no-repeat 0 bottom;width:90px;height:120px;display:block;margin-right:10px;border:1px solid #DDDDDD;float:left;}
.renderedMobileBox:hover{background-color:#FFFFCC;}
.renderedMobileBox.active{background-color:#EBFFEB;}
.mobileRendersCase{clear:both;padding-top:20px;}
.mobileArrowControls{width:79px;margin-top:100px;float:left;z-index:50;position:relative;margin-left:-20px;}
.mobileArrowControls .arrowUp{width:40px;height:40px;overflow:hidden;display:block;background:url(../../addons/litmus/images/mobileArrowUp.png) no-repeat 0 0;text-indent:-5000px;float:left;}
.mobileArrowControls .arrowDown{width:39px;height:40px;overflow:hidden;display:block;background:url(../../addons/litmus/images/mobileArrowDown.png) no-repeat 0 0;text-indent:-5000px;float:left;}
.spamGroupHeader{font-weight:bold;font-size:13px;padding:20px;}
.spamGroup{border:1px solid #DCDCDC;padding:2px 2px 0;margin-bottom:2px;}
.spamGroup .pfend td{border-bottom:2px solid #FFF;}
.spamGroup .passed td{background-color:#EBFFEB;color:#090;font-size:12px;}
.spamGroup .passed td a{color:#090;}
.spamGroup .failed td{background-color:#FFE7E7;color:#C30;font-size:12px;}
.spamGroup .failed td a{color:#C30;}
.spamGroup .incomplete td{background-color:#CCC;color:#666;font-size:12px;}
.spamGroup .incomplete td a{color:#666;}
.filterPrecentBox{float:right;width:220px;padding-top:10px;}
.filterPrecentBox .filterPercent{float:left;font-size:27px;font-weight:bold;color:#D95F39;width:77px;text-align:right;margin-right:5px;}
.filterPassedText{font-size:13px;font-weight:bold;color:#000000;width:110px;float:left;padding-top:10px;}

/* === Image Manager === */
.swfupload {outline:medium none;position:absolute;z-index:1;top:7px;left:30px;}
#imagesList{padding: 7px 30px;overflow:hidden;}
.ManageImageBox{display:block;width:250px;margin-right:20px;float:left;border:1px solid #DDD;margin-bottom:20px;text-align:center;position:relative;padding:10px 0;}
.ManageImageBox:hover{background-color:#FFFFCC;}
.ManageImageBox .ManageImageDeleteBox{position:absolute;top:3px;left:3px;}
.ManageImageBox .ManagedImage{width:200px;height:150px;margin:0 auto;background:no-repeat center center #DDD;overflow:hidden;}
.ManageImageBox .ManagedImage img{display:none;}
.ManageImageBox p{margin:5px 0;}
.ManageImageBox .button{margin-left:10px;margin-right:0;}
.ManageImageBox .textBox{float:none;margin-right:0;border-color:#FFF;padding-right:15px;background:url("../../images/layoutEdit.png") no-repeat right center;}
.ManageImageBox .textBox:focus{border-color:#C0E3F8;background-image:none;}

/* === WYSIWYG Specific === */
.WISIWYG_Editor_Choices label{display:block;clear:both;}
#textEditor .de_TB_Toolbar{width:760px;border:1px solid #DDDDDD;border-bottom:0;padding:3px 0;}
#textEditor textarea.ContentsTextEditor{background:url("../../images/textEntryGuide.gif") no-repeat scroll 0 0 transparent;color:#000000;font-family:"Bitstream Vera Sans Mono",monaco,"Courier New",courier,monospace;font-weight:normal;height:300px;width:750px;margin-top:0;}
#textEditor textarea.ContentsTextEditor:focus, #textEditor textarea.ContentsTextEditor.focus{border:1px solid #C0E3F8;margin:0 9px 0 0;}
#htmlCF{display:none !important;}

/* === WYSIWYG Merge Tag Popup === */
.customfieldlist{padding:10px;}
.customfieldlist .CustomFieldArea{}
.customfieldlist .DropDownArrow{background:url("../../images/navArrowClosed.gif") no-repeat scroll 3px 8px #EFEFEF;color:#333;font-weight:bold;padding:3px 13px;display:block;border:1px solid #CCC;}
.customfieldlist .DropDownArrow.expanded{background:url("../../images/navArrowOpened.gif") no-repeat scroll 3px 8px #EFEFEF;}
.customfieldlist .CustomFieldArea ul{padding:0;margin:0;border:1px solid #CCC;border-bottom:0;border-top:0;}
.customfieldlist .CustomFieldArea ul li{padding:3px 3px 3px 13px;margin:0 0 3px;list-style:none;overflow:hidden;border-bottom:1px solid #CCC;}
.customfieldlist .CustomFieldArea ul li a{display:block;width:250px;float:left;}
.customfieldlist .CustomFieldArea ul li span{display:block;width:200px;float:left;}
.customfieldlist .CustomFieldArea ul li input{padding:0 0 0 50px;margin:0;width:200px;border:0;}
.customfieldlist .DropDownArrow:hover{text-decoration:none;}
.customfieldlist .DropDownArrow:hover span{text-decoration:underline;}

/* === Help Tooltip Popup === */
.HelpToolTip_PlaceholderCase{display:inline; position: absolute; width: 300px;color:#333;margin-top:-20px;z-index:999;}
.HelpToolTip_PlaceholderCase .HelpToolTip_Placeholder{position:relative;}
.HelpToolTip_PlaceholderCase .HelpToolTip_PlaceholderContent{background-color: #FFFFD4; border: solid 1px #FFCC66; padding:20px;margin-left:29px;font-size:11px;}
.HelpToolTip_PlaceholderCase .helpTip{font-size:13px;padding-bottom:5px;}
.HelpToolTip_PlaceholderCase .HelpTick{background:url(../../images/helpTick.gif) no-repeat 0 0;width:30px;height:30px;position:absolute;left:0;top:15px;}

/* === Paging === */
.pagingCase{text-align:right;}

/* === Messages === */
div.FlashError, div.FlashSuccess, .Message{padding: 5px 5px 8px 30px;}
img.FlashError, img.FlashSuccess{padding-right: 4px;margin-top: -2px;}
div.FlashError{background-color: #FFECEC;}
div.FlashSuccess{background-color: #FFF1A8;}
.Message{background-color: #FFF1A8;color: #4e4f4f;}
div.InlineMessage{margin-top:-15px;}

/* === Global Search Box === */
.TopSearchBox{float:right;width:390px;position:relative;overflow:hidden;display:none;}
.TopSearchBox .searchEyeglass{position:absolute;left:0;top:5px;width:31px;height:32px;}
.TopSearchBox a{font-size:10px;display:block;padding-left:35px;}
.TopSearchBox .textBox_250{margin-left:10px;padding-left:10px;}

/* === Table Design === */
.TableHeaders{padding:4px 30px;background-color:#EFEFEF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.TableHeaders td{font-weight:bold;color:#333;font-size:12px;}
.TableHeaders a{color:#333;text-decoration:none;border-bottom:1px dotted #333;}
.HelpText{cursor: help;border-bottom: 1px dotted #28609B;}
#active, #archive{text-align:left;z-index:50;}

.TableContent{padding:10px 20px;font-size:12px;}
.TableContent ul{list-style-type:none;margin:0;padding:0;}
.TableContent ul li{margin:0;padding:5px 0 0 10px;background:url(../../images/rowAltBG.gif) repeat-x 0 0;border-bottom:1px solid #FFF;}
.TableContent ul li table tr td{padding-bottom:7px;}
.TableContent ul li .Folder{padding-top:15px;margin-top:-15px;}
.TableContent ul li .Folder li{padding-left:20px;border-bottom:none;background-image:none;padding-bottom:5px;}
.TableContent ul li .Folder li table tr td{padding-bottom:0px;}
.TableContent ul li .Folder li.placeholder{background-color:#DFD;height:20px;}
.TableContent ul li .Folder li.rowalt{background-color:#EEE;background-image:none;}
.TableContent ul li .Folder li.placeholder{background-color:#DFD;height:20px;}
.TableContent ul li .Folder li.rowchecked{background-color:#DFD;}
.TableContent ul li .Folder li.rowaltchecked{background-color:#B5DFB5;}
.TableContent ul li .Folder li:hover{background-color:#B5D6F6;}
.TableUnsorted ul li{background:none;border:none;padding-top:0;padding-left:0;margin:0;}
.TableUnsorted ul li .Folder li{padding-left:10px;padding-top:5px;}
.TableContent .RowActionsCase{position:relative;color:#0189DF;padding-bottom:5px;cursor:pointer;}
.TableContent ul li .RowActions{display:none !important;width:150px;padding:8px 0;border:1px solid #DDD;background-color:#FFF;position:absolute;left:-10px;top:19px;z-index:1000;}
.TableContent .RowActionsCase:hover .RowActions{display:block !important;}
.TableContent ul li .RowActions li{padding:2px 10px;}
.TableContent ul li .RowActions li:hover{background-color:#FFF;}
.TableContent ul li .RowActions li a{color:#0189DF;text-decoration:none;}
.TableContent ul li .RowActions li a:hover{text-decoration:underline;}
.TableContent ul li .RowActions li.seperator{height:2px;border-bottom:1px solid #DDD;padding:0;margin:0 10px;}

.TableContent #folder-0{background:transparent;padding:0;}
.TableContent #folder-0>table{display:none;}


.TableContent #folder-0 li{padding-left:5px;}

.subscriberEventRow .dataArea{margin-left:56px;}
.subscriberEvent{padding-left:10px;padding-bottom:10px;}
.subscriberEventRow .eventtype{font-weight:bold;}
.subscriberEventRow .fieldCase{padding:7px 0 0;}
.subscriberEventRow .fieldCase .fieldLabel{padding-top:0;width:80px;}

.CreditTable{border-right:1px solid #DDD;border-left:1px solid #DDD;}
div.CreditTable{border-bottom:1px solid #DDD;}

.importTable{width:100%;border:1px solid #CCC;border-bottom:0;font-size:10px;}
.importTable td{border-bottom:1px solid #CCC;padding:3px;}
.importTable td.whatswrong{background-color:#FFDFDF;font-weight:bold;}
.ui-dialog-content .PageHeader, .ui-dialog-content .fieldCase{padding-left:0;padding-right:0;}

.sort-handle{cursor:move;}

/* === Reports Design === */
.reportsContainer { margin:0 30px;position:relative; }
.reportsNav { background-color:#FFF;overflow:hidden;width:100% }
.reportsNav ul{margin:0;padding:0;display:block;width:2000px;}
.reportsNav ul li { display:inline;background-color:#FFF; }
.reportsNav ul li a {  background-color:#EEEEEE;list-style-type:none;float:left;margin:0 4px 4px 0;padding:20px 0;text-decoration:none;color:#666;font-size:12px; }
.reportsNav ul li a:hover { background-color:#E8EFFF;text-decoration:none; }
.reportsNav ul li a span.reportsTabHeading { font-size:18px;display:block;color:#0189DF;padding:0 22px; }
.reportsNav ul li a.active { background-color:#E8EFFF;margin-bottom:0;padding-bottom:24px;  }
.reportsNav ul li a em { color:#0189DF;font-size:12px;display:inline; }

.reportsNav #tab5{margin-right:0;width:800px;}
#div0, #div1, #div2, #div3, #div4, #div5 { background-color: #E8EFFF;overflow:hidden;padding:15px 22px; }
.tabsNoPadding #div0, .tabsNoPadding #div1, .tabsNoPadding #div2, .tabsNoPadding #div3, .tabsNoPadding #div4, .tabsNoPadding #div5{padding:0;}
.reportSummaryPercent { color:#FF6600;font-size:17px;font-weight:bold; }
.reportsNav .reportSummaryPercent{font-size:30px;}
.reportTabSummaryLine { display:block;padding:5px 40px 0 22px; }
.reportsControls{text-align:right;}
.reportsData{}
.reportSummary { background-color:#E8EFFF; }
.reportSummaryData { min-height:375px;float:left;width:25%;}
.reportSummaryData h3 { font-size:18px;color:#0189DF;margin:0;padding:0;font-weight:normal;padding:10px 0 0 0; }
.reportSummaryData ul { margin:0;padding:10px 0 0 0; }
.reportSummaryData ul li { list-style-type:none;font-size:12px;color:#666;padding:3px 0 3px 0;margin:0;}
.reportSummaryData li span { font-size:17px;color:#FF6600;font-weight:bold;}
.reportSummaryData li em { font-style:normal;color:#0189DF; }
ul.reportActions { padding:10px 0 0 28px; }
ul.reportActions li { list-style-type:square;color:#FF6600; }
.reportActions li a { color:#0189DF; }
.reportChart { float:left;width:75%;margin-top:20px;overflow:hidden;}
.reportChartWide{width:auto;float:none;background-color:#FFF;margin-top:0;}
.reportChart .reportCalendar{font-size:15px;text-align:right;padding:15px;}
.reportChart .reportCalendar .reportCalendarFields{height:1px;overflow:hidden;}
.reportChart .reportCalendar .reportCustomDateDropdown{font-size:11px;border:1px solid #999;background-color:#FFF;padding:5px;overflow:hidden;position:absolute;margin-left:231px;margin-top:5px;z-index:999;position:absolute;top:30px;left:50px;width:450px;}
.reportChart .reportCalendar .reportCustomDateDropdown strong{display:block;text-align:left;font-size:13px;margin-bottom:5px;}
.reportChart .reportCalendar .reportCustomDateDropdown .datepickerFrom{float:left;width:220px;}
.reportChart .reportCalendar .reportCustomDateDropdown .datepickerTo{float:left;width:212px;}
.reportChart .reportCalendar .reportCustomDateDropdown .button{float:right;margin-right:0;margin-top:5px;}
.reportsActionBar{ background-color:#DFE9FF;clear:both;padding:10px;overflow:hidden;}
.reportsActionBar h3 { color:#0189DF;font-weight:normal;font-size:17px;float:left;margin:0;padding:5px 0 0 0; }
.reportDetailSelect { float:left;padding:0px 0 0 40px; }
.exportcsv { float:left;height:1px;padding-top:1px;overflow:hidden;}
.reportDetailsTable { background-color:#FFF;padding-bottom:10px;}
.reportDetailsTable th { background-color:#f2f2f2;height:30px; }
.reportDetailsTable th, .reportDetailsTable td{padding:5px 10px;}
.reportSubheading { clear:both;margin-left:60px;font-size:11px;font-style:italic;}
.reportSubheading span {color:#3399FF;font-weight:bold;}
.reportSubheading span.subject{display:block;font-weight:normal;font-size:12px;font-style:normal;margin-bottom:5px;}
.exportToCsv img { margin-left:15px; }

/* === Graph Styles === */
.statistics_chart{display:block;}
.graph{margin:0 auto;color:#000;min-width:600px;}

/* === Lightbox Design === */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 0 10px 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;background-image:url(../../addons/litmus/images/lightbox-hdr-bg.jpg);margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 10px 10px 10px;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption {font-size:24px;color:#F60;font-family:Georgia, "Times New Roman", Times, serif;line-height:22px; }
.lightbox-image-details-currentMode{font-family:Georgia, "Times New Roman", Times, serif;font-size:13px;color:#09F;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;padding-top:5px;	}
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	padding-top:10px;}

/* === Agency Dashboard === */
.AgencyHeader img{margin-top:14px;}
.agencyCol{margin-right:7px;float:left;}
.recentActivityCol{width:420px;}
.accountSummaryCol{width:268px;}
.administrationCol{min-width:238px;margin-right:0px;float:none;margin-left:702px;}
.agencyTitle{padding:0 0 15px 25px;font-size:17px;color:#000;margin:0;}
.agencyBox{background-color:#EFEFEF;margin-bottom:7px;}
.recentActivityCol .agencyBox{height:229px;}
.accountSummaryCol .agencyBox{height:345px;}
.accountSummaryCol .agencyBoxShort{height:112px;background-color:#F5F5F5;}
.administrationCol .agencyBox{height:464px;background-color:#E8EFFF;}
.agencyBox .agencyTitle{padding:15px 25px 10px;}
.agencyBox .firstAgencyTitle{padding-top:25px;}
.accountSummaryCol .agencyBoxShort .firstAgencyTitle{padding-top:15px;}
.agencyBox ul{margin:0;padding:0 25px;list-style-type:none;}
.agencyBox ul li{font-size:13px;color:#666;padding:0 0 3px;margin:0;overflow:hidden;}
.agencyBox ul.campaignHistory li{padding-bottom:15px;text-align:right;}
.agencyBox ul.campaignHistory li .campaignDetails{display:block;float:left;text-align:left;font-size:11px;}
.agencyBox ul.campaignHistory li .campaignDetails a{display:block;font-size:13px;}
.agencyBox ul li .value{color:#F96600;font-size:15px;float:right;}
.agencyBox ul.campaignHistory li .value{float:none;}
.agencyBox ul.loginHistory li{text-align:left;padding-bottom:10px;}
.weatherBox{float:right;text-align:right;padding-top:12px;font-size:14px;}
.weatherBox img{float:right;margin-left:10px;margin-top:-10px;}
.weatherBox .weatherTemp{font-size:20px;font-weight:bold;}
.weatherBox sup{font-size:11px;}
.weatherBox sup strong{font-size:12px;}

/* === Login Design === */
.loginBody{background:none #000;color:#666;}
.loginContainer{width:360px;margin:150px auto;}
#LogMessage{}
.loginBox{border:1px solid #333;padding:20px;}
.loginBox .LoginError{background-color:#CCC;color:#990000;padding:3px 5px;display:block;}
.loginBox .logo{float:none;padding:0;}
.loginBox .loginForm{border-top:5px solid #333;padding:10px 0 0;margin-top:10px;}
.loginBox .loginFieldCase{padding: 7px 30px;overflow:hidden;}
.loginBox .loginTextField{font-size:13px;clear:both;padding:3px 5px;}
.loginBox .loginFieldCase .loginLabel{display:block;float:left;width:110px;}
.loginBox .loginButtonCase{padding: 7px 30px;overflow:hidden;}

.forgotPasswordBox{text-align:right;padding:10px;}
.forgotPasswordBox a{color:#CCC;}

/* === Tipsy Design === */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 250px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* === Social Share Bar Design === */
.socialbar{padding:5px 5px 3px;border-bottom:2px solid #999;overflow:hidden;background-color: #C4CACE;background: -moz-linear-gradient(top, #FFFFFF 0%, #EAEAEA 50%, #E6EDF2 51%, #C4CACE 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#EAEAEA), color-stop(51%,#E6EDF2), color-stop(100%,#C4CACE));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#C4CACE',GradientType=0 );

	-webkit-box-shadow: 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 1px 1px #ccc;
	box-shadow: 0px 1px 1px #ccc;
}

/* === -moz and -webkit specific styles. === */
.BodyContainer, .sideBox, .loginBox{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;/*behavior: url(includes/styles/PIE.htc);*/}
.textBox, .datefield, .reportDetailSelect select, .reportChart .reportCalendar .reportCustomDateDropdown{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;/*behavior: url(includes/styles/PIE.htc);-pie-lazy-init:true;*/}
#textEditor textarea.ContentsTextEditor{-moz-border-radius-topright:0px;-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;border-top-left-radius:0px;/*behavior: url(includes/styles/PIE.htc);-pie-lazy-init:true;*/}
.ActionBarLast{margin-top:15px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;/*behavior: url(includes/styles/PIE.htc);-pie-lazy-init:true;*/}
.TableContent ul li .RowActions, .reportChart .reportCalendar .reportCustomDateDropdown{-moz-box-shadow:3px 2px 2px #666;-webkit-box-shadow:3px 2px 2px #666;box-shadow:3px 2px 2px #666;/*behavior: url(includes/styles/PIE.htc);-pie-lazy-init:true;*/}

/*******
 * Oh hey...
 * Welcome to the stylesheet. As you can see we have pretty colors and lots
 * of that guy padding. If you ask me padding can be a real jerk some times,
 * always breaking my layouts and expanding past his parents width. When will
 * box models ever learn that's what I want to know? So, yeah. How was your day?
 * Do anything interesting? Maybe you met some new people and plan on meeting
 * up with them later for drinks? Or maybe you're just kickin' back relaxing
 * after a nice long day at the office. Either way, I hope you're haveing a good
 * time doing it.
 *
 * Cheers,
 * The Stylesheet
 *******/

