td
{
	vertical-align:top;
}
.otherState
{
	display:none;	
}

/* Override Default UI Theme Styles */

.ui-widget
{
	font-family: Arial,Verdana;
	font-size: 12px;
}

.ui-accordion .ui-accordion-content
{
	background: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #000000;
}

.ui-accordion .ui-accordion-header a
{
	padding-left: 1.8em;
}

.ui-helper-reset
{
	border: none 0px; /* required for IE - remove to test */
}

.ui-corner-all
{
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
.ui-corner-top
{
	-moz-border-radius-topleft: 1em;
	-webkit-border-top-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 1em;
}
.ui-corner-bottom
{
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
}

.ui-icon-info, .ui-icon-alert
{
	float: left;
	margin-right: 0.3em;
}

.ui-state-error
{
	padding: 0.7em;
	display: none;
	float: left;
}

.ui-effects-transfer
{
	border: 1px dotted white;
	z-index: 7;
}

.ui-dialog-titlebar
{
	font-size: 1.2em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: Arial,Verdana;
	font-size: 1em;
}

.ui-widget input
{
	background-color: #ffffff;
}

/* Default Styles - H1, H2, etc. */

body.srl
{
	margin: 0;
	padding: 0;
	background: #cccccc url(../../images/bg.jpg) top left repeat-x;
}

#srlMainWrapper
{
	margin: 20px;
	padding: 20px;
	min-width: 710px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

/*.srlWrapper
{
	font-family:Arial,Verdana;
	font-size:12px;
}*/

.srlWrapper .floatLeft
{
	float: left;
}

.srlWrapper .clear
{
	clear: both;
	height: 1px !important;
	overflow: hidden !important;
	margin-top: -1px !important;
}

.srlWrapper h1
{
	font-size: 140%;
}

.srlWrapper h2
{
	font-size: 120%;
}

.srlWrapper h3
{
	font-size: 100%;
}

.srlWrapper label
{
	margin-bottom: 3px;
	display: block;
	font-weight: bold;
}

/* Default Panel Styles */

.srlWrapper .panel
{
	position: absolute;
	z-index: 2;
	background-color: #333333;
	border: 1px solid #000000;
	color: #ffffff;
}

.srlWrapper .panel .titleBar
{
	/*height: 30px; 	line-height: 30px;*/
	background-color: #000000;
	color: #ffffff;
	overflow: hidden;
}

.srlWrapper .panel h3
{
	margin: 0;
	padding: 0;
	font-size: 120%;
	line-height: 2.1em;
}

.srlWrapper .panel .titleBar h3
{
	margin: 0;
	padding: 0 0.75em;
}

.srlWrapper .panel .srlButtonWrapper
{
	padding-right: 0;
}

/* Form Elements */

.srlWrapper input[type=text]
{
	background-color: #eeeeee;
}

.srlWrapper input[type=radio]
{
	background-color: Transparent;
}

.srlWrapper input[type=submit], .srlWrapper button
{
	font-weight: bold;
	padding: 0.3em 0.5em;
	font-family: Arial,Verdana;
	font-size: 120%;
	position: relative;
	margin: 0;
	width: auto;
	overflow: visible;
}

.srlButton
{
	font-weight: bold;
	padding: 0.4em 0.6em;
	font-family: Arial,Verdana;
	font-size: 120%;
	text-decoration: none !important;
	display: inline-block;
	line-height: 1.3;
}

.srlButton.button-icon-right
{
	padding-right: 1.6em;
	position: relative;
}

.srlButton.button-icon-right .ui-icon
{
	left: auto;
	margin-left: 0;
	right: 0.3em;
}

.srlButton.button-icon-left
{
	position: relative;
	padding-left: 1.6em;
}

.srlButton.button-icon-left .ui-icon
{
	left: 0.3em;
	margin-left: 0;
	right: auto;
}

.srlButton .ui-icon
{
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}

.srlWrapper input[type=text]
{
	width: 200px;
	padding: 0.5em 0.5em;
	border: 2px solid #cccccc;
}

.srlWrapper input[type=text]:focus
{
	background-color: #ffffff;
	border: 2px solid #f58025;
}

.srlWrapper .srlStepButtons
{
	margin-top: 15px;
	clear: both;
}

.srlWrapper .srlInstructions
{
	font-size: 1em;
	font-weight: bold;
	padding: 0.7em 0.7em 0 0.7em;
	margin-bottom: 1em;
}

.srlWrapper .srlInstructions p
{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0.7em;
	padding-bottom: 0;
}

.srlWrapper input.srlSearchInput
{
	margin: 0.08em 0.5em 0;
	float: left;
}

.srlButtonWrapperRight
{
	float: right;
}

.srlButtonWrapper
{
	float: left;
	padding-right: 5px;
}

.srlWrapper .srlOptional, .srlOptional
{
	font-weight: normal;
}

.ui-widget-content.srlInputWrapper
{
	padding: 15px;
}

/* Next & Previous Steps */

.srlWrapper .srlStepButtons .srlButtonWrapper
{
	padding-right: 15px;
}

/* SRL Header */

#srlHeader
{
	padding: 0 0 20px 0;
}

#srlLogo
{
	width: 206px;
	height: 100px;
	background: url('../../images/Request-LoGIStics-logo.png') no-repeat center;
	float: right;
	margin-left: 20px;
}

#srlLogo a
{
	display: block;
	width: 100%;
	height: 60px;
	margin: 20px 0 20px 0;
}

#srlMainButtons
{
	clear: both;
	padding-bottom: 1em;
}

#srlMainButtons button
{
	float: left;
	margin-right: 0.5em;
	padding: 0.4em 0.6em;
}

#srlMainButtons .srlButtonWrapper
{
	padding-right: 10px;
}

/* Loading Images */

.srlPageLoading .ui-dialog-titlebar
{
	display: none;
}
#remoteLink
{
	padding-left:20px;
}
#srlPageLoadingImage
{
	width: 100%;
	height: 100%;
	background: url(../../images/ajax-loader.gif) no-repeat center;
}

#srlPageLoadingModal
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
}

/* Accordion */

#srlRequestAccordion
{
	clear: both;
}

/* Identify Request Type */

#srlIdentify label
{
	margin-bottom: 3px;
	display: block;
	font-weight: bold;
}

#srlIdentify .problemTypeCol
{
	float: left;
	padding-right: 1em;
}

#srlRequestTypeSearch .srlButtonWrapper
{
	float: left;
	padding-left: 5px;
}

#tbxKeyword
{
	float: left;
}

#srlMainWrapper .srlRequestTypes label
{
	display: inline;
	padding-bottom: 0;
}
.addressInstructions
{

}
.addressCandidatePanel
{
	width:250px;
	display: none;
	position:relative;
	bottom:55px;
	padding-bottom: 0;	
}

.addressCandidateList
{
	padding-left:10px;
	color:Black;
	background: #E1DDBE;
	font-weight:normal;
}

.addressCandidate
{
}

.srlWrapper .srlInlineDialog
{
	width: auto;
	margin-top: 15px;
	display: none;
	position: static;
}

.srlWrapper .srlInlineDialog .srlInstructions
{
	font-size: 1em;
}

.srlWrapper .srlInlineDialog .ui-dialog-titlebar
{
	padding: 0.3em 0.3em 0.3em 1em;
	font-size: 1em;
}

#srlSelectedRequestType .srlSelectedRequestTypeText
{
	font-weight: normal;
}

#srlRequestInfoDialog .srlStepButtons
{
	margin-top: 3px;
}

/* Map Request Location */

#srlMapLocWrapper
{
	position: relative;
	height: 100%;
	width: 100%;
}

#srlRequestMap
{
	position: relative;
	top: 0;
	left: 0;
	height: 500px !important;
	width: 100% !important;
	z-index: 1;
}

/* Default Map Styles */

.srlWrapper .srlMapSearch
{
	padding: 0.75em;
	top: 10px;
	left: 20px;
}

.srlWrapper .srlMapSearch label
{
	margin-bottom: 0;
}

.srlWrapper .srlMap
{
	color: #000000;
}

/* Describe Request (Question and Answer)  */

.srlWrapper .srlQaWrapper
{
	display: none;
	margin-bottom: 15px;
}

ol#srlQaListList
{
	padding-left: 20px;
	margin-left: 0px;
}

#srlUploadWrapper
{
	margin-top: 10px;
	padding-top: 10px;
	display: none;
}

#srlUploadResults
{
	margin: 0;
	padding: 0;
}

#srlUploadGrid
{
	border: 0;
	padding-bottom: 10px;
}

#srlUploadGrid thead
{
	display: none;
}

#srlUploadGrid tbody td, #srlUploadGrid thead th
{
	text-align: left;
	padding: 10px 20px 10px 0;
}


/* Contact Information */

#srlContactInfo .srlInputWrapper label
{
	float: left;
	line-height: 2em;
	width: 8em;
}

#srlContactInfo .srlInputWrapper input
{
	float: left;
	margin-right: 0.5em;
}

#srlContactInfo .srlInputWrapper > div
{
	clear: both;
	margin-bottom: 1.5em;
}

#srlContactInfo .ui-state-error
{
	float: left;
	padding: 0.3em;
}

/* Verify and Submit Request */

.srlVerifyStep
{
	clear: both;
	padding-bottom: 1.5em;
}

.srlVerifyDataWrapper
{
	clear: both;
}

.srlVerifyLabel
{
	clear: both;
	float: left;
	width: 9em;
	padding: 0.25em 0 0.25em 0;
}

#srlVerifyDescriptionData .srlVerifyLabel, #srlSubmitDescriptionData .srlVerifyLabel
{
	width: 18em;
}

.srlVerifyValue
{
	float: left;
	padding: 0.25em 0 0.25em 0.5em;
}

.srlVerifyStep h3
{
	padding: 0 0 0.5em 0;
	margin: 0;
}

#srlRequestLocationError, #srlVerifyUploadedFiles
{
	display: none;
}

#srlVerifyUploadedFiles
{
	clear: both;
}

#srlVerifyUploadedFilesGrid thead th, #srlVerifyUploadedFilesGrid tbody td
{
	text-align: left;
	padding-right: 10px;
}

/* Submit Confirmation */

#srlSubmitConfirmation
{
	display: none;
}

#srlSubmitUploadedFiles
{
	display: none;
}

#srlSubmitUploadedFiles
{
	clear: both;
}

#srlSubmitUploadedFilesGrid thead th, #srlSubmitUploadedFilesGrid tbody td
{
	text-align: left;
	padding-right: 10px;
}

/* Map Styles - should use different file? */

/* Google Map tip size issue - http://econym.org.uk/gmap/css.htm  & http://stackoverflow.com/questions/919659/how-to-set-google-maps-markers-infowindow-max-height */

.gTipContent
{
	width: 250px !important;
	color: #000000;
}

.gTipContentRQE
{
	width: 250px !important;
	color: #000000;
}

.srlMarkerInstructions
{
	padding: 5px;
}

.srlMarkerInstructionsRQE
{
	padding: 5px;
}

.simple_icon_button
{
	display: inline-block;
	float: left;
	margin-top: 7px;
}

.requestQueryOptionsOpen
{
	width:600px;
	left:20px;
	position: absolute;
	top: 50px;
	z-index: 2;
}
.requestQueryOptionsClosed
{
	left:20px;
	position: absolute;
	top: 50px;
	z-index: 2;
	width:200px;
}

.controlComment
{
	font-size:small;
	font-style:italic;
	color:#FFFFFF;
}

.requestQueryResultsOpen
{
	position: absolute;
	bottom: 20px;
	z-index: 2;
	left:20px;
	height:400px;
	display: none;
	width:400px;
}

.requestQueryResultsClosed
{
	position: absolute;
	/*bottom: 20px;*/
	z-index: 2;
	left:20px;
	display: none;
	width:200px;
}
.resultAccordionHeader
{
	line-height:1em !important;
	font-size:12px !important;
}
.workOrderHeaderRQE
{
	padding-left:.5em;
	font-weight:bold;
}
.workOrderInfoRQE
{
	padding-left:1.5em;
}
.zoomToGlobeRQE
{
	height:20px;
	width:20px;
	cursor:pointer;
	right:0px;
}
#requestQueryResults h3, #requestQueryOptions h3
{
	cursor:move;
}