﻿body
{
    background-color: White;
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 16px;
    color: #797979;    
}
img
{
    border: 0px;
}
h1
{
    font-size: 24px;
}
h3
{
	margin-top: 0px;
	margin-bottom: 6px;
	font-size: 16px;
	float: left;
}
h4
{
	margin-top: 0px;
	margin-bottom: 6px;
	font-size: 14px;
}
span.NoWrap
{
    white-space: nowrap;
}

div.Clear
{
    clear: both;
}

body.Overlay
{
    padding: 24px;
}
div.Panel
{
	border: solid 1px #a9a9a9; 		    
	background: white;
	background: -moz-linear-gradient( #ffffff 75%, #e8e8e8 );
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.75, #ffffff), color-stop(1.0, #e8e8e8));
						
	filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#FFFFFF', endColorstr='#e8e8e8', gradientType='0'),
			progid:DXImageTransform.Microsoft.DropShadow(color='#e8e8e8',offX='5',offY='5', positive='true');
}
body.PanelBody
{
}
body.PanelBody input
{
    font-size: 16px;
}
body.PanelBody div.Panel
{
	width: 336px;
	height: 236px;
	padding: 34px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-moz-box-shadow: 5px 5px 5px 0 #e8e8e8;
	-webkit-box-shadow: 5px 5px 5px 0 #e8e8e8;
	box-shadow: 5px 5px 5px 0 #e8e8e8;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}		    

body.PanelBody div.Panel fieldset
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}
body.PanelBody div.Panel fieldset ol
{
    list-style-type: none;    
    padding: 0px;
    margin: 0px;
}
body.PanelBody div.Panel fieldset ol li
{
    margin-bottom: 12px;
}
body.PanelBody div.Panel fieldset ol li label
{
    display: inline-block;
    min-width: 100px;
}
body.PanelBody div.Panel h3
{
    display: none;
}
body.PanelBody div.Panel span.LoginAccountName
{
    display: block;
    font-size: 24px;
    margin-bottom: 12px;
     
}
body.Article
{
    background-image: url( '/images/common/background.jpg' );
    background-repeat: repeat-x;
    background-position: 0px 112px;
}
body.Article div.Container
{
    position: relative;
    width: 95%;
    min-width: 900px;
    margin-left: auto;
    margin-right: auto;    
}
body.Article div.Container div.Header
{
    height: 112px;
    xoverflow: hidden;
}
body.Article div.Container div.Header p
{
    float: left;
}

body.Article div.Container div.Header ul.UserMenu
{
    display: block;
    position: absolute;
    top: -16px;
    right: 0px;
    list-style-type: none;
}
body.Article div.Container div.Header ul.UserMenu li
{
    float: left;
    display: block;
    padding: 6px 12px;  
    margin-left: 2px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;  
	-moz-border-radius-bottomright: 4px;      	
}
body.Article div.Container div.Header ul.UserMenu li a
{
    color: #C0C0C0;
    text-decoration: none;
}
body.Article div.Container div.Menu
{
    position: relative;
    margin-top: 50px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	-moz-border-radius-topleft: 16px;  
	-moz-border-radius-topright: 16px;  

	-moz-box-shadow: 5px 5px 5px 0 #e8e8e8;
	-webkit-box-shadow: 5px 5px 5px 0 #e8e8e8;
	box-shadow: 5px 5px 5px 0 #e8e8e8;
	
	padding-top: 30px;  
}

body.Article div.Container div.Menu ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 24px;
}
body.Article div.Container div.Menu ul li
{
    float: left;
}
body.Article div.Container div.Menu ul li a
{
    display: block;
    padding: 10px 24px;
    margin-right: 2px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;  
	-moz-border-radius-topright: 8px; 
	color: White;
	font-weight: bold;
	font-size: 14px;    
	text-decoration: none;
}

body.Article div.Container div.Body
{
	-moz-box-shadow: 5px 5px 5px 0 #e8e8e8;
	-webkit-box-shadow: 5px 5px 5px 0 #e8e8e8;
	box-shadow: 5px 5px 5px 0 #e8e8e8;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	-moz-border-radius-bottomleft: 16px;  
	-moz-border-radius-bottomright: 16px;
	border: solid 1px #e8e8e8;
}


body.Article div.Container div.Body div.LeftColumn
{
    float: left;
    width: 20%;    
    margin: 20px 0px;
    padding: 10px 25px;

    border-right: solid 1px #e8e8e8;
    
}
body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection
{
    margin-bottom: 36px;
}
body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection div.Title
{
    padding: 10px;
    background-color: #C0C0C0;
    color: White;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;  
	-moz-border-radius-topright: 8px;      
}

body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection div.Tools div.Tool
{
    position: relative;
    padding: 10px;
    border-bottom: solid 1px #C0C0C0;    
    font-size: 12px;
}
body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection div.Tools div.Footer
{
    background-color: #eeeeee;
}

body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection div.Tools div.Tool a
{
    font-size: 14px;
    text-decoration: none;
}
body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection div.Tools div.Tool a:hover
{
    text-decoration: underline;
}

body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection div.Tools div.Tool div.HoverItems
{
    width: 24px;
    position: absolute;
    left: 100%;
    top: -1px;
    display: none;
    background-color: #eeeeee;
    border: solid 1px #C0C0C0;
    padding: 8px;
}
body.Article div.Container div.Body div.LeftColumn div.ModuleToolCollection div.Tools div.Tool div.HoverItems img
{
}

body.Article div.Container div.Body div.Content
{
    position: relative;
    float: left;
    width: 65%;
    margin: 20px 0px;
    padding: 10px 25px;
}

div.FormSection
{
    position: relative;
	margin-bottom: 24px;
}

div.FormSection select.LargeFont,
div.FormSection input.LargeFont,
div.FormSection textarea.LargeFont,
div.FormSection div.LargeFont
{
	width: 99%;
	border: solid 1px #808080;
	background-color: #F8F8F8;
	padding: 5px !important;
	font-size: 16px !important;
	font-family: Arial !important;
}	
div.FormSection textarea.LargeFont
{	
	height: 100px;		    
}
div.FormSection input.FileUploadLargeFont
{
    width: 90%;
	border: solid 1px #808080;
	background-color: #F8F8F8;
	padding: 5px;
	font-size: 16px;
	font-family: Arial;
}

div.LargeFontDatePicker
{
	width: 260px !important;
	border: solid 1px #808080;
	background-color: #F8F8F8;
	padding: 5px 12px 5px 5px;   
}
div.LargeFontDatePicker input.LargeFont
{
    width: 200px !important;
}


div.FormSection div.Tools
{
	float: right;
}		
div.FormSection div.TitleLinks
{
	float: left;
	margin-left: 10px;
	font-size: 12px;
	line-height: 22px;
}		
div.FormSection div.TitleLinks a
{
    text-decoration: none;
    color: #808080;
}
div.FormSection div.TitleLinks a:hover
{
    text-decoration: underline;
}
div.FormSection div.Help
{
	float: right;
}
div.InlineWithHeader
{
float:right;
margin:-30px 20px 0 0;
}

div.FormSection div.RadioButtonGroup
{
	margin-bottom: 24px;
}
	
div.FormSection div.RadioButtonGroup div.RadioButtonGroupItem:hover
{
	background-color: #f8f8f8;
}
div.FormSection div.RadioButtonGroup div.RadioButtonGroupItem div.RadioButton
{
	float: left;
	width: 24px;
}
div.FormSection div.RadioButtonGroup div.RadioButtonGroupItem div.Description
{
	float: left;
	width: 90%;
	margin-top: 2px;
}
div.FormSection div.RadioButtonGroup div.RadioButtonGroupItem div.Description p
{
	margin-top: 0px;
}
div.FormSection div.Hint
{
	text-align: center;
	font-size: 10px;
}



div.FormSection div.FormRow
{
    margin-bottom: 12px;
}

div.FormSection div.FormRow label.InlineLabel,
div.FormSection div.FormRow span.InlineLabel
{
    display: inline-block;
    width: 30%;
    text-align: right;
    margin-right: 12px;
    vertical-align: top;
}

div.FormSection div.FormRow input.InlineField
{
    width: 40%;
	border: solid 1px #808080;
	background-color: #F8F8F8;
	padding: 5px;
	font-family: Arial;
	vertical-align: top;
}
div.FormSection div.FormRow div.InlineControlGroup
{
    display: inline-block;
    width: 40%;
   	border: solid 1px #808080;
	background-color: #F8F8F8;
	padding: 5px;
}

div.FormSection div.FormRow div.InlineControlGroup ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
div.FormSection div.FormRow div.InlineControlGroup ul li
{
    margin-bottom: 6px;
}
div.FormSection div.FormRow span.CallOutValidator
{
    margin-left: 33%;
}


div.PageModule
{
	border-bottom: solid 1px #C0C0C0;    	    
	margin-bottom: 24px;
}
div.PageModule h2
{
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	-moz-border-radius-topleft: 16px;  
	-moz-border-radius-topright: 16px;  
	background-color: #C0C0C0; 
	color: white;
	font-size: 24px;
	padding: 10px 18px 5px 18px;  
	margin-bottom: 0px;
	margin-top: 0px;
}
div.PageModule div.PageModuleContent
{
    padding: 18px;
	border-left: solid 1px #C0C0C0;    	        
	border-right: solid 1px #C0C0C0;    	        
}
div.PageModule div.PageModuleContent p.Footnote
{
    font-size: 12px;
}
div.PageModule div.NoData
{
    text-align: center;
}
div.PageModule div.NoData h3
{
    font-size: 26px;
    font-weight: normal;
    float: none;
}


div.SubscribeRatio,
div.DeliveryRatio,
div.ResponderActions
{
    float: right;
    width: 250px;   
}
div.SubscribeRatio,
div.DeliveryRatio
{
    text-align: center; 
}
div.SubscribeRatio h2,
div.DeliveryRatio h2
{
    text-align: left;
}
div.SubscribeRatio div.PageModuleContent
{
    min-height: 250px;    
}
div.ResponderActions div.PageModuleContent div
{
    margin-bottom: 12px;
}

div.Lists,
div.BatchClicks,
div.Responders
{
    margin-right: 274px;
}
div.Lists div.PageModuleContent
{
    min-height: 250px;    
}

div.Credits
{
    position: absolute;
    right: 25px;
    width: 300px;
}

div.Credits div.PageModuleContent
{
    min-height: 168px;   
}

div.Credits div.TotalCredits
{
    background-color: #e0e0e0;
    border-bottom: solid 1px #C0C0C0;
    color: #797979;
    font-size: 40px;
    margin: 0px;
    padding: 18px;
	border-left: solid 1px #C0C0C0;    	        
	border-right: solid 1px #C0C0C0;    	        
}
div.Credits div.TotalCredits div.Number
{
    float: left;
    width: 65%;
    text-align: right;
    padding-right: 5%;
}
div.Credits div.TotalCredits div.Caption
{
    float: right;
    font-size: 10px;
    color: #909090;
    width: 30%;
}

div.RecentDashboardNotifications
{
    margin-right: 324px;
}

div.RecentDashboardNotifications div.PageModuleContent
{
    min-height: 250px;    
}

div.RecentDashboardNotifications ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 24px 0px;
}

div.RecentDashboardNotifications ul li
{
    text-indent: -29px;
    padding-left: 29px;
}

div.RecentDashboardNotifications ul li span.DataPublished
{
    font-weight: bold;
}

div.RecentDashboardNotifications ul li img
{
    vertical-align:text-bottom;
}

div.RadGrid_Default table.rgMasterTable
{
    font-family: arial;
    font-size: 15px;
}
div.RadGrid_Default table.rgMasterTable th
{
    font-weight: bold;
}
div.RadGrid_Default table.rgMasterTable td a
{
    text-decoration: none;
}
div.RadGrid_Default table.rgMasterTable td a:hover
{
    text-decoration: underline;
}

div.RadToolTip td.rtWrapperContent
{
    padding: 0px 12px !important;
}

span.CallOutValidator
{
    position: relative;
    background-image: url( '/images/validator/validator_background.gif' );
    background-repeat: no-repeat;
    padding: 10px 12px 4px 12px;
    color: white !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;  
	white-space: nowrap;
	z-index: 1000;
}


.ui-resizable { position: relative;} 
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} 
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } 
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } 
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } 
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } 
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } 
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } 
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } 
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } 
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} 

ul.KeywordSourceList
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.KeywordSourceList li
{
    float: left;
    background-color: #F8F8F8;
    border: solid 1px gray;
    border-radius: 5px;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 12px;
}
ul.KeywordSourceList li div.Name
{
    font-weight: bold;
    margin-bottom: 6px;
}
ul.KeywordSourceList li div.Code
{
    margin-bottom: 6px;
}
ul.KeywordSourceList li div.LeaseFee
{
    margin-bottom: 18px;
}

div.application-notification h2
{

	background-color: #C0C0C0;
	color: white;
	margin: 0px;
	padding: 1.0em 20px;
	font-size: 16px;
	line-height: 1.5em;
}
div.application-notification pre 
{
    overflow: scroll;
    background-color: #eee;
    padding: 20px;
    margin-top: 0px;
    max-height: 400px;
}
div.application-notification-legend h3
{
	float: none;
	margin-bottom: 0px;
}
div.application-notification-legend h3 + p
{
	padding-top: 0px;
	margin-top: 0px;	
}