/* 
    Document   : myIncidentMap.css
    Created on : 09Jul12
    Author     : B.Lee
    Description: css for my incident map mobile app.
*/

#incident-news-page {
    font-family: sans-serif;
}

#incident-news-page table {
    border-style: solid;
    border-color: #fff;
    width:100%;
    text-align:center;
}

#incident-news-page table td, #incident-news-page table th {
    border-style: solid;
    margin: 0;
    padding: 4px;
    border-color: #fff;
    width: 25%;
}

#incident-news-page #incident-listing, #incident-listing * {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#incident-news-page #incident-listing tr{
   padding:0px;
}

#incident-news-page #incident-listing tr td {
    margin: 0px;
    border-right: #fff 1px solid;
    background-color:#f7d700;
    padding: 10px 4px;
}

#incident-news-page #incident-listing tr td.filter-active {
    font-size:16px; 
    background-color:#e40812;
    color:white;
}

#incident-news-page #incident-listing tr td.permits {
    font-size:16px; 
    color:#FFFFFF;
    background-color:#059205; 
    padding-top:20px;
    padding-bottom:20px;

}

#incident-news-page #incident-listing tr td.signout {
    font-size:16px; 
    background-color:#2554C7;
    color:#FFFFFF;
    padding-top:20px;
    padding-bottom:20px;

}

#incident-news-page #incident-listing tr td.doctrine {
    font-size:16px; 
    background-color:#8a3ecb;
    color:#FFFFFF;
    padding-top:20px;
    padding-bottom:20px;

}

#incident-news-page #incident-listing tr td.odd {
    background-color: #e2e2e2;
    font-size: 16px;
    border: 0px;
    text-align: center;	
    padding: 5px 0px !important;
}

#incident-news-page #incident-listing tr td.odd #open{
    color:red;	
}

#incident-news-page #incident-listing tr td.even {
    background-color:#FFFFFF;
    font-size:16px;	
    border:0px;
    text-align:center;	
    padding: 5px 0px !important;
}

#incident-news-page #incident-listing tr td.even #open{
    color:red;	
}

#log-row #col1 {
	float: left;
	display: table-column;
}
#log-row #col2 {
	float: right;
	display: table-column;
}
#log-row #msg {
	float: left;
	text-align: left;
	display: table-column;
}

#incident-news-page #incident-listing tr td.info-odd {
    background-color:#B0C4DE;
    font-size:14px;	
    border:0px;
    text-align:left;	
    height:15px;    
    padding: 0px;	
}

#incident-news-page #incident-listing tr td.info-even {
    background-color:#FFFFFF;
    font-size:15px;	
    border:0px;
    text-align:left;	
    height:15px;    
    padding: 0px;
}

span.iLabel{
    font-weight:bold;
    font-size: 15px; 
    padding-bottom: 10px;
    width: 10em;
    float: left;
    text-align: right;
    margin-right: 1.5em;
    display: block;
}

span.vLabel {
    float: right;
}

span.rLabel {
    font-size:11px;
    float: right;
}

.map-navigate-button {
    font-size:16px; 
    margin: 0px;
    background-color:#2554C7;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left:10px;
    color: white;
    border-radius: 2px;
}

.map-incidents-button {
    font-size:16px; 
    margin: 0px;
    background-color:#f7d700;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left:10px;
    border-radius: 2px;
}

.map-hydrants-button {
	font-size:16px;
	margin: 0px;
	background-color:#e40812;
	color: white;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	min-width: 110px;
	text-align: center;
        border-radius: 2px;
}

.map-info-button {
    font-size:16px; 
    margin: 0px;
    background-color:#059205;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:12px;
    padding-left:12px;
    color: white;
}

.map-log-button {
    font-size:16px; 
    margin: 0px;
    background-color:#059205;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:12px;
    padding-left:12px;
    border-radius: 2px;
    color: white;
}

.map-refresh-button {
    font-size:16px; 
    margin: 0px;
    background-color:#2554C7;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left:10px;
    color: white;
    border-radius: 2px;
}

.map-pip-button {
    font-size:16px; 
    margin: 0px;
    background-color:#059205;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:12px;
    padding-left:12px;
    border-radius: 2px;
    color: white;
}


#detail_fields table {
  	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
        font-size: 0.9em;
}
#detail_fields table th {
	border-width: 1px;
	padding: 0px 2px 0px 2px;
	border-style: solid;
	border-color: gray;
	background-color: white;
        text-align: left;
        white-space:nowrap;
}
#detail_fields table td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 2px 0px 2px;
	border-style: solid;
	border-color: gray;
	background-color: white;
         
}

.error {
    height: 60px;
    font-size:16px; 
    width: 80px;
    text-align:center;	
}


/* login form */


.standard-form .field-label {
    font-weight: bold;
    color: #003399;
    text-decoration: none;
    font-size:24px; 
}

.standard-form .field-label.long{
    display: block;
    font-size:20px; 
    padding-bottom: 30px;
}

.standard-form .field-label.short{
    width: 2em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    padding-bottom: 5px;
}

.standard-form .field-value {
    display: inline-block;
    height:20px;
    margin-left: 4.5em;    
    padding-bottom: 30px;
}

.login-error, .googleAdditionalTerm {
    padding-top: 35px;
    font-size:16px; 
    color:#e40812;    
}

/* ----------------- end login form -------------------- */



.ses-agency-badge{
    position: absolute;
    background-color: #f9a100;
    padding: 12px 4px !important;
    font-family: sans-serif;
    color: #525252;
    font-weight: bold;
    right: 12px;
    margin-top: -3px !important;
}