/*************************************************/
/* MASTER - Html Tags ****************************/

body { background: #FFFFFF url(http://cdn.freedomspeaks.com/CitySourced/Images/Bg-Body.jpg) repeat-x; font-family: Trebuchet MS, Trebuchet, Arial, Sans-Serif; font-size: 14px; }
h2 { font-size: 16px; font-weight: bold; }
hr { margin: 10px 0; }
img { border: none; }
input,select,textarea { font-family: Trebuchet MS, Trebuchet, Arial, Sans-Serif; font-size: 14px; }
a { color: #000000; font-family: Trebuchet MS, Trebuchet, Arial, Sans-Serif; font-size: 14px; text-decoration: underline; }
a:hover { background-color: #000000; color: #FFFFFF; text-decoration: none; }
a.thickbox:hover { background-color: transparent; }

/*************************************************/
/* SHARED - Cf *****************************/
.Cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.Cf { zoom: 1; }
/*************************************************/
/* MASTER - LOGIN ********************************/
.Login { border: none; margin-top: 50px; left: 50%; margin-left: -450px; position: absolute; top: 0; width: 900px; }
.Login .Col1 { width: 300px; text-align: right; }
.Login .Col2 { width: 530px; }
 
/*************************************************/
/* MASTER - FRAME ********************************/
.Frame-Exterior { border: solid 1px #333333; border-top: none; border-bottom: none; left: 50%; margin-left: -494px; position: absolute; top: 0; width: 988px; }
.Frame-Header { border: none; padding: 0 0 10px; padding-bottom: 0; }
.Frame-Body { background-color: #FFFFFF; border: none; min-height: 400px; padding: 10px; _height: 400px; }
.Frame-Footer { background-color: #000000; border: none; color: #FFFFFF; padding: 5px 10px; }

/*************************************************/
/* CONTROL - HEADER ******************************/
.Hdr-Exterior { background-color: #FFFFFF; width: 100%; }
.Hdr-Interior { padding-left: 10px; vertical-align: top; }
.Hdr-Interior a:hover { background-color: transparent; }
.Hdr-UpperRight { padding: 5px 10px; text-align: right; vertical-align: top; width: 100%; }
.Hdr-UpperRight .JumpTo { margin-top: 5px; }
.Hdr-UpperRight .Search { margin-top: 5px; }
.Hdr-UpperRight .LoggedIn .Alt { color: #007EB2; font-weight: bold; }
.Hdr-NavGlobal { padding: 0 10px; }

/*************************************************/
/* SECTION - HOME ********************************/
.Home-Tt { background-color: #FFFFFF; clear: both; float: none; min-height: 400px; padding: 0 0 10px; _height: 400px; }
.Home-Bt { clear: both; margin-top: 10px; }
.Home-Bt .Issues { background-color: #567DAB; color: #FFFFFF; margin-top: 10px; padding: 5px; }
.Home-Bt .Issues a { color: #FFFFFF; }
.Home-Bt .Issues a:hover { background-color: #FFFFFF; color: #567DAB; }

/*************************************************/
/* SECTION - SETTINGS ****************************/
.DataRowMessage { background-color: #FF0000; color: #FFFFFF; margin-bottom: 10px; padding: 5px; }
.DataRowItem { padding: 5px; }
.DataRowItem a:hover { background-color: transparent; color: #000000; }
.DataRowItemAlt { background-color: #DEDEDE; padding: 5px; }
.DataRowButton { margin-top: 5px; text-align: center; }
.Label { display: block; float: left; width: 290px; }
.Label-Sm { display: block; float: left; padding-top: 3px; width: 110px; }
.Input { display: block; float: left; width: auto; }
.Input a:hover { background-color: #000000; color: #FFFFFF; }
.Footnote { color: #666666; display: block; font-size: 11px; padding: 3px 0 0; }
.Border { border-bottom: solid 1px #000000; margin-bottom: 10px; }
.TextAlt { color: #666666; font-size: 11px; }
.Validator { color: #CC0000; }
.Hidden { display: none; }

/*************************************************/
/* SHARED - Common *******************************/
.MessageRed { background-color: #EDA6A6; border: solid 1px #990000; margin-bottom: 10px; padding: 10px; }
.MessageOng { background-color: #FFDBA6; border: solid 1px #FF9900; margin-bottom: 10px; padding: 10px; }
.MessageBlu { background-color: #78DFFF; border: solid 1px #007EB2; margin-bottom: 10px; padding: 10px; } 
.MessageGrn { background-color: #A6DBA6; border: solid 1px #009900; margin-bottom: 10px; padding: 10px; }
.Subnav { clear: both; font-weight: bold; font-size: 14px; margin: 0 0 5px; border-bottom: solid 1px #000000; }
.Subnav .Title { color: #007EB2; float: left; margin-right: 10px; padding: 0 10px 5px 0; }
.Subnav .NavItem { float: left; margin-right: 10px; }
.Subnav .NavItem a { padding: 5px 10px; }
.Subnav .NavItem a:hover { background-color: transparent; color: #000000; }
.Subnav .NavItem a.Selected { background-color: #000000; color: #FFFFFF; }
.Title { font-weight: bold; font-size: 14px; padding-bottom: 10px; }
.Title span { font-weight: normal; }

/*************************************************/
/* SHARED - Indexes ******************************/
.Index-Tbl td, .Index-Tbl th { padding: 5px; }
.Index-Tbl td, .Index-Tbl th, .Index-Tbl td a, .Index-Tbl th a, .Index-Tbl select, .Index-Tbl textarea, .Index-Tbl input { color: #000000; font-size: 12px; }
.Index-Tbl td a:hover { background-color: transparent; }
.Index-Tbl .Hdr td, .Index-Tbl .Hdr th { background-color: #000000; border: solid 1px #000000; color: #FFFFFF; font-weight: bold; text-align: left; }
.Index-Tbl .Hdr td a, .Index-Tbl .Hdr th a { color: #FFFFFF; }
.Index-Tbl .Hdr td a:hover, .Index-Tbl .Hdr th a:hover { background-color: transparent; }
.Index-Tbl .Alt td { background-color: #DEDEDE; }
.Index-Tbl .Pgr td { background-color: #999999; border: solid 1px #666666; padding: 0px; text-align: right; }
.Index-Tbl .Pgr td td span { background-color: #FFFFFF; color: #4875B0; display: block; font-weight: bold; padding: 2px 10px; text-align: center; width: 10px; }
.Index-Tbl .Pgr td td a { background-color: #CCCCCC; color: #000000; display: block; padding: 2px 10px; text-align: center; width: 10px; }
.Index-Tbl a.thickbox:hover { background-color: transparent; }
.Index-Tbl div.Locale { clear: both; display: none; margin-top: 5px; }
.Index-Tbl span.Locale { display: block; float: left; width: 125px; }

/*************************************************/
/* PAGE - Issue Detail ***************************/
.Issue-Frame .Details, .Issue-Frame .SubSection { clear: both; font-size: 12px; margin-bottom: 10px; min-height: 400px; _height: 400px; }
.Issue-Frame .PrinterFriendly { margin-top: 5px; position: absolute; right: 10px; }
.Issue-Frame .SubSection { display: none; }
.Issue-Frame .Details a, .Issue-Frame .SubSection a { font-size: 12px; }
.Issue-Frame .SubSection .Index { border: solid 1px #666666; margin-bottom: 10px; }
.Issue-Frame .NoData { background-color: #DEDEDE; display: block; margin-bottom: 10px; padding: 5px; }
.Issue-Frame .Alt { background-color: #DEDEDE; }
.Issue-Frame input, .Issue-Frame select, .Issue-Frame textarea { font-size: 12px; }

.Issue-Frame .Details .Label { display: block; float: left; width: 175px; }
.Issue-Frame .Details .Image { cursor: default; cursor: pointer; float: left; min-height: 250px; width: 250px; _height: 250px; }
.Issue-Frame .Details .Image a:hover { background-color: transparent; }
.Issue-Frame .Details .Issue { border: solid 1px #DEDEDE; color: #000000; float: left; margin: 0 0 10px 0; min-height: 240px; width: 716px; _height: 240px; }
.Issue-Frame .Details .Nearby { background-color: #94ADCC; color: #000000; float: left; margin: 10px 0 0 0; width: 240px; }
.Issue-Frame .Details .Nearby .Subtitle { color: #000000; font-size: 14px; font-weight: bold; padding:5px 5px 0; }
.Issue-Frame .Details .Issue div, .Issue-Frame .Contents div { clear: both; padding: 3px 6px; }
.Issue-Frame .Details .Issue div div { padding: 0; }
.Issue-Frame .Details .Issue .Lbl { float: left; font-weight: bold; width: 150px; }
.Issue-Frame .Details .Issue .Btn { background-color: #DEDEDE; text-align: center; }
.Issue-Frame .Details .Issue .Adm { background-color: #CC0000; text-align: center; }
.Issue-Frame .Details .ReportIndex .ImageNearby { padding-right:10px; float:left; padding-bottom:10px; }
.Issue-Frame .Details .ReportIndex .ImageNearby a { color: #FFFFFF; }
.Issue-Frame .Details .ReportIndex .ImageNearby a:hover { background-color: transparent; }

.Issue-Frame .Comments .Hdr, .Logs Hdr td { background-color: #666666; color: #FFFFFF; font-weight: bold; }
.Issue-Frame .Comments .Btn { margin-top: 10px; text-align: center; }

/*************************************************/
/* PAGE - GeographyIndex *************************/
.GeometryIndex-Frame .Map { float: left; }
.GeometryIndex-Frame .Bdy { float: left; height: 585px; margin-left: 10px; position: relative; width: 585px; }
.GeometryIndex-Frame .Content { clear: both; }

/*************************************************/
/* PAGE - CustomerDetail *************************/
.CustomerDetail-Frame .Users { border: solid 1px #666666; margin-bottom: 10px; }

/*************************************************/
/* PAGE - Localizations *************************/
.LocaleName { display: block; float: left; padding: 0 10px 0 0; text-align: right; width: 150px; }

/*************************************************/
/* CONTROL - Logs ********************************/
.Logs .Index { border: solid 1px #666666; }
.Logs .Hdr, .Logs Hdr td { background-color: #666666; color: #FFFFFF; font-weight: bold; }
.Logs .NoData { background-color: #DEDEDE; display: block; padding: 5px; }

/*************************************************/
/* CONTROL - ReportsNearby ***********************/
.ReportsNearby-Frame { color: #333333; font-family: Trebuchet MS, Trebuchet, Arial, Sans-Serif; font-size: 12px; padding: 5px; }
.ReportsNearby-Frame a { color: #333333; font-size: 12px; }
.ReportsNearby-Frame a:hover { background-color: transparent; }
.ReportsNearby-Frame img { height: 60px; width: 60px; }

/*************************************************/
/* CONTROL - Tabs ********************************/
.Tab-Frame { border-bottom: solid 1px #000000; margin-bottom: 10px; }
.Tab-Frame .Tab-Item { background-color: #CCCCCC; border: solid 1px #000000; border-bottom: none; float: left; padding: 5px 10px; margin-right: 2px; }
.Tab-Frame .Tab-Item a:hover { background-color: transparent; color: #000000; }
.Tab-Frame .Selected { background-color: #000000; }
.Tab-Frame .Selected a { color: #FFFFFF; text-decoration: none; }
.Tab-Frame .Selected a:hover { background-color: transparent; color: #FFFFFF; }

/*************************************************/
/* PAGE - Bing Maps ******************************/
.VE_Pushpin_Popup_Title { font-family: Trebuchet MS, Trebuchet, Arial, Sans-Serif !important; font-size: 12px !important; }
.VE_Pushpin_Popup_Body { color: #666666 !important; font-family: Trebuchet MS, Trebuchet, Arial, Sans-Serif !important; font-size: 12px !important; }
.VE_Pushpin_Popup_Body a { color: #666666 !important; font-size: 12px !important; }
.VE_Pushpin_Popup_Body a:hover { background-color: #666666 !important; color: #FFFFFF !important; }
.MSVE_Map a:hover { background-color: transparent !important; }

/*************************************************/
/* PAGE - ESRI Maps ******************************/
#MapInfoBubble img { float: left; margin-right: 9px; border: 1px solid #ccc; height: 60px; width: 60px; } 
#MapInfoBubble { margin: 0; padding: 12px; background: url('http://cdn.freedomspeaks.com/CitySourced/Images/Bg-Map-InfoBubble.png') bottom center no-repeat; position: absolute; width: 356px; height: 84px; z-index: 9999; display: none; } 
#MapInfoBubble p { margin: 0; padding: 0; } 
#MapInfoBubble p.Title a { color: #900; font-size: 14px; font-weight: bold; text-decoration: none; } 
#MapInfoBubble p.Title a:hover { background-color: transparent; text-decoration: underline; } 
#MapInfoBubble p.Date { color: #999; font-size: 9px; } 
#MapInfoBubble p.Location a { display: block; padding: 4px; color: #333; font-size: 13px; text-decoration: none; } 
#MapInfoBubble p.Location a:hover { background-color: transparent; } 
#MapInfoBubble .Details { float: right; padding: 2px 0; border: 1px solid #BBB; background: #6AC5EA url('http://cdn.freedomspeaks.com/CitySourced/Images/Btn-Bg-Blue-Sm.gif') 0 0 repeat-x; width: 75px; text-align: center; color: #000; font-size: 11px; font-weight: bold; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } 

.ErrorMessage { color:#ff0000; }

/*************************************************/
/* PLUGIN - Issue Filter *************************/
.IssueFilterHdr { background-color: #007EB2; color: #FFFFFF; height: 18px; padding: 5px 10px; margin-bottom: 10px; }
.IssueFilterHdr a { color: #FFFFFF; }
.IssueFilterOptions td.next { text-align:left; vertical-align:top; border-left:1px solid #000; padding-left:10px; min-width:100px;}
.IssueFilterOptions ul { list-style: none; }
.IssueFilterOptions .FilterItem0 { float: left; width: 220px; }
.IssueFilterOptions .FilterItem1 { float: left; width: 130px; }
.IssueFilterOptions .OR { padding-left:50px; color:#666; }
.IssueFilterButton { text-align: center; }