﻿/* Simple Reset */

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6
{
    -webkit-text-size-adjust:none;
}

p, h1, h2, h3, h4, h5, h6, body, textarea, .wzdHeader {
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

p, blockquote, pre, td, th, ul, ol {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin-top: 0;
}

h4, h5, h6, #main .breadcrumbs, #footer {
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
}

h1 {
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}

h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

h4, h5, h6 {
	margin-bottom: 1.8em;
}

th {
    text-align: left;
}

button
{
    background: none repeat scroll 0 0 #043e79;
	border: none;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	padding: 4px 18px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

textarea
{
    width: 630px;
    height: 70px;
}

.dropdownlist
{
    width: 138px;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 2px;
}

.contactInfo {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5em;
}

.textbox {
    width: 135px !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

.footerFirstColumn {
    width: 20%;
}

.footerSecondColumn {
    width: 15%;
}

.footerThirdColumn {
    width: 20%;
}

.footerFourthColumn {
    width: 15%;
}

.footerFifthColumn {
    width: 30%;
}

.commentPanel {
    padding-bottom: 1em;    
}

.commentDiv {
    background-color: yellow;
}

.commentLabel {
    margin-left: 5px;    
}
/* Simple Reset - End */

/* Navigation */

.navigation:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navigation li {
	float: left;
}

.navigation li a {
	display: block;
	margin-right: 2px;
	padding: 4px 12px;
	text-decoration: none;
	white-space: nowrap;
}

/* RadMenu Customization - Start */
.RadMenu_Silk .rmRootLink:hover, .RadMenu_Silk .rmExpanded, .rmLink.rmText{
    border-top-color: #026d63 !important;
    color: #555 !important;
}

.RadMenu_Silk .rmItem .rmItem a.rmLink:hover{
    background-color:#0f9d8e !important;
}

.RadMenu_Silk a.rmLink, .RadMenu_Office2007 .rmText{
    background-image:none !important;
}
/* RadMenu Customization - End */

/* RadWindow Customization - Start */
.RadWindow .rwContent{
    overflow: hidden !important;
}
/* RadWindow Customization - End */

/* RadInput Customization - Start */
/*.RadInput
{
    display: inline-block;
}*/
 
html body .riSingle .riTextBox[type="text"]
{      
    width: 100%;
}

html body .registerfield .riSingle .riTextBox[type="text"]
{      
    width: 95%;
}
/* RadInput Customization - End */

/* Navigation - End */

/* Layout */

body {
	margin: 0;
	text-align: center;
	line-height: 1.5em;
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
}

#layout {
	background: #fff;
	margin: 0 auto;
	width: 984px;
	text-align: left;
	box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	-moz-box-shadow: 0 0 10px #555;
}

#layout:after, #header:after, #main:after, #footer:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#header {
	clear: both;
	padding: 10px 30px 0 30px;
	/*min-height: 150px;*/
	position: relative;
}

#header .section {
	float: right;
	text-align: right;
	width: 95%;
}

#header .section.first {
	float: left;
	text-align: left;
}

#header .section a {
	text-decoration: none;
}

#header .section a:hover {
	text-decoration: underline;
}

#header .navigation {
	clear: both;
	position: absolute;
	bottom: 0;
}

#main {
	clear: both;
	min-height: 300px;
	overflow: hidden;
}

#main .breadcrumbs {
	display: block;
	padding: 0.75em 30px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
}

#main .breadcrumbs a {
	text-decoration: none;
}

#main .breadcrumbs a:hover {
	text-decoration: underline;
}

#main .form {
	background-color: #FAFAFA;
	border: solid 0 #E0E0E0;
	border-bottom-width: 1px;
	border-top-width: 1px;
	margin: 1.5em -10px;
	padding: 0.75em 10px;
}

#content {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;	
}

#content .copy {
	margin: 0 0 1.5em 0;
}

#content .copy:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#left-column, #right-column {
	float: left;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
}

#left-column {
	width: 754px;
}

#right-column {
	width: 230px;
	margin-right: -754px;
}

#left-column-content {
	padding: 20px 30px 20px 30px;
}

#right-column-content {
	padding: 20px 15px 20px 15px;
}

#left-column-content .copy {
	margin: 0 0 1.5em 0;
}

#left-column-content .copy:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#right-column-content .section {
	border: 1px solid #448BB9;
	background: #f7feff;
	margin: 0 0 15px 0;
	padding: 10px;
}

#right-column-content .section:last-child {
	margin: 0;
}

#right-column-content .weblinkset-title {
	font-weight: bold;
}

#right-column-content .weblinkset-weblinks a.xrm-weblink:hover {
	text-decoration: underline;
}

#footer {
	clear: both;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	padding-bottom: 0.75em;
	padding-top: 1.5em;
}

#footer .section {
	float: right;
	text-align: right;
	width: 49%;
}

#footer .section.first {
	float: left;
	text-align: left;
}

#footer .navigation .weblinkset-weblinks, #footer .navigation ul, #footer .navigation li {
	display: inline;
}

#footer .navigation li {
	margin-left: 1em;
	float: right;
}

#footer .navigation li a {
	margin: 0;
	padding: 0;
	display: inline;
	text-decoration: none;
	white-space: nowrap;
}

#footer .navigation li a:hover {
	text-decoration: underline;
}

/* Layout - End */

/* Button */

input.button {
	background: none repeat scroll 0 0 #043e79;
	border: none;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	padding: 4px 18px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

input.button[disabled],
input.button[disabled]:hover,
input.button[disabled]:active {
    background: #cccccc;
    color: #ffffff;

}

.centerAlignTable {
    text-align: center;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

.centerAlignTable th {
    background-color: #B6D5D2;
}

.centerAlignTable td {
    background-color: #E6F0F0;
}

.comparisonTable {
    border-collapse: collapse;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}

.comparisonTable th {
    text-align: center;
}

.comparisonTable tr td:first-child {
    text-align: center;
    background-color: #B6D5D2;
}

.comparisonTable tr td:last-child {    
    background-color: #E6F0F0;
}

.comparisonTable td {
    padding-left: 1em;
    padding-right: 1em;
}

.blankRow td
{
    height: 1em;
    background-color: transparent !important;
}

.blankRow
{
    width: 100% !important;
    height: 10px !important;
    background-color: transparent !important;
}

/* Helpers */

.hidden 
{
    visibility: hidden;
    display: none;
}


.clearfix {
	clear: both;
}

/* Helpers - End */

/* Print Styles */

@media print {
	
	#layout {
		width: 100%;
	}

	#main {
		overflow: auto;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#header .navigation, #header-links, #right-column, #footer .navigation, #main .breadcrumbs {
		display: none;
	}
}

/* Print Styles - End */

/* Manually Generated Forms */

.row:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.row {
	clear: both;
	margin-bottom: 5px;
}

.field {
	float: left;
	width: 300px;
	margin-right: 25px;
}

.field label {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 2px;
}

.field input.text, .field select {
	padding: 2px;
	width: 91%;
}

.row.full .field input.text, .row.full .field select, .row.full .field textarea.text {
	width: 200%;
}

.actions .register-button {
	padding: 2px 4px;
}

fieldset {
	margin-bottom: 1.5em;
}

legend {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 10px;
}

.SearchTextBox
{
    color: Gray;
    font-style:italic;
    margin-left:2px;
    width:95%;
}

.Watermarked
{
    color: Gray;
    font-style: italic;
}

/* Manually Generated Forms - End */

/* Knowledge Base */

#kb-search {
	float: left;
	width: 30%;
	min-width: 30%;
	margin: 0 0 1.5em -25px;
	padding: 10px;
	background: #dee8ef;
	background: -webkit-gradient(linear, left top, left bottom, from(#dee8ef), to(#ffffff));
	background: -moz-linear-gradient(bottom, #ffffff, #dee8ef);
	moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #bbb;
}

#kb-search input[type=text] {
	width: 260px;
}

#kb-search select {
	margin: 5px 0 0 0;
	min-width: 250px;
	max-width: 320px;
}

#kb-search .instructions {
	color: #666;
	font-size: 0.9em;
}

#kb-search h3 {
	margin: 0;
}

#kb-results {
	margin: 0 0 1.5em 0;
}

#kb-results h2 {
	border-bottom: 1px solid #000;
	padding: 0 0 10px 0;
}

#kb-results ul {
	list-style: none;
	padding: 0;
}

#kb-results li {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #f0f0f0;
}

#kb-results li:last-child {
	border: none;
}

#kb-articles {
	margin: 0 0 1.5em 0;
}

#kb-articles h2 {
	border-bottom: 1px solid #000;
	padding: 0 0 10px 0;
}

#kb-articles ul {
	list-style: circle;
	margin: 0 0 0 1.25em;
	padding: 0;
}

#kb-articles li {
	margin: 0.25em 0 0 0;
}

/* Knowledge Base - End */

/* Captcha */

.captcha-cell {
	font-family: Segoe UI, Tahoma, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}

.captcha-cell input[type=text] {
	margin: 5px 0 0 0;
	width: 175px;
}

.captcha-cell div.info {
	float: left;
	padding: 0 0 1px 0;
}

.captcha-cell div.control {
	clear: both;
}

.captcha-cell div.info label {
	float: left;
}

.captcha-cell div.info div.validators {
	margin: 0 0 0 3px;
	float: left;
	color: Red;
}

.captcha-cell div.info div.validators span {
	visibility: visible !important;
}

/* Captcha - End */

/* Tabular Data (Gridview) */

.grid {
	font-size: 11px;
	
}

.grid th {
	font-weight: bold;
	background: #999;
}

.grid td.center {
	text-align:center;
}

.grid th, .grid td {
	border: solid 1px #ccc;
	padding: 0.4em 0.8em;
	text-align: left;
}

.grid td {
	font-size: 10px;
}

.grid tr.alternate-row {
	background: #f0f0f0;
}

/* Tabular Data (Gridview) - End */

/*** 311 Portal Styles ***/

/* Profile Page */

#profile fieldset {
	border: none;
	padding: 0;
}

#profile .title {
	font-weight: bold;
	font-size: 0.9em;
}

#profile .none {
	font-size: 0.9em;
}

#profile .message {
	font-weight: bold;
	color: #0157b0;
	padding: 0 0 5px 0;
}

/* Home Page */

#home-left-column {
	float: left;
	margin: 0 25px 0 0;
	padding: 10px;
	width: 45%;
}

#home-right-column {
	width: 45%;
	float: left;
	margin: 5px 0 0;
}

#home-right-column ul.list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#home-right-column ul.list li {
	line-height: 1.8em;
}

.service-links {
	clear: both;
	margin-top: 5px;
}

.service-links a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 10px;
}

.service-links a:hover {}

.service-links img {
	border: medium none;
	padding: 0 7px 0 5px;
	vertical-align: middle;
}

#announcements-title {
	clear: both;
	margin: 0 auto;
	padding: 4px 8px;
	background: #043e79;
	color: #fff;
	moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	border: solid 1px #448bb9;
	border-bottom: none;
}

#announcements {
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px;
	moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border: solid 1px #448bb9;
	background: #f7feff;
}

#announcements ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#announcements li {
	margin: 7px 0 0 0;
}

#announcements li:first-child {
	margin: 0;
}

#announcements li p {
	margin: 0;
}

#announcements li h3 {
	margin: 0;
}

/* Home Page - End */

/* My Service Requests Page */

#my-service-requests {}

#my-service-requests .service-request-status {
	margin: 10px;
	border-bottom: 1px solid #ccc;
}

#my-service-requests table
{
    text-align: center;
    border: solid 1px #ccc;
	padding: 0.4em 0.8em;
    vertical-align: middle;
    margin:auto;
}

#my-service-requests td 
{
    padding-left:10px;
    padding-right:10px;
}

/* My Service Requests Page - End */

/* Status Tracker */

#status-tracker {
	clear: both;
	margin: 10px auto;
	background: #f7feff;
	border: 1px solid #ccc;
	moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	padding: 7px;
	width: 90%;
}

#status-tracker:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#status-tracker img {
	float: left;
	border: none;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

#status-tracker .controls {
	float: left;
}

#status-tracker .controls .title {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-bottom: 6px;
}

#status-tracker .controls input[type=text] {
	width: 195px;
	font-size: 11px;
}

/* Status Tracker - End */

/* Service Requests Page */

#serviceRequestTypesListTitle {
	font-size: 1.2em;
	font-weight: bold;
}

#serviceRequestTypesList {
	border: 1px solid #555;
	padding: 10px;
	margin: 1.5em 0 1.5em 0;
	moz-border-radius: 20px;
	border-radius: 20px;
}

#serviceRequestTypesList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#serviceRequestTypesList li {
	margin: 0 0 1em 0;
}

#serviceRequestTypesList li:last-child {
	margin: 0;
}

#serviceRequestTypesList li a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#serviceRequestTypesList li p {
	margin: 0;
}

#serviceRequestTypesList li img {
	float: left;
	margin: 0 10px 0 0;
}

#serviceRequestTypesNotListed {
	clear: both;
	margin: 10px 0 0 0;
}

/* Service Requests Page - End */

/* Service Request Status Page */

#service-request-status {}

#service-request-status table {
	border: none;
}

#service-request-status td {
	border: none;
	line-height: 2em;
}

#service-request-status td:first-child {
	font-weight: bold;
	text-align: right;
	width: 120px;
}

#service-request-status td:last-child {
	padding: 0 0 0 5px;
}

/* Service Request Status Page - End */

/* Service Requests Map */

#searchOptions {
	clear: both;
	margin: 0;
	padding: 5px 10px;
	font-size: 10px;
	background: #a6c4d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#a6c4d9));
	background: -moz-linear-gradient(bottom, #a6c4d9, #FFFFFF);
	moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	border: solid 2px #043e79;
	border-bottom: none;
}

#searchOptions:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#searchOptions h3 {
	color: #043e79;
	font-size: 1.2em;
	margin: 0;
}

#searchOptions .options {
	float: left;
	margin: 0 0 0 5px;
}

#searchOptions .options:first-child {
	margin: 0 0 5px 0;
}

#searchOptions select {
	width: 150px;
	font-size: 11px;
}

#searchOptions .actions {
	float: left;
	margin: 10px 0 0 10px;
	text-align: right;
}

#searchOptions #dateFrom, #searchOptions #dateTo {
	width: 60px;
	font-size: 12px;
}

#datesFilter {
	background: #f7f7f7;
	border: solid 1px #bbb;
	padding: 0 3px 3px 3px;
	margin: 0;
	width: 142px;
	display: none;
}

#mapContainer {
	clear: both;
}

#serviceMap {
	position: relative;
	border: solid 2px #043e79;
}

#mapLegend {
	margin: 0;
	padding: 5px 10px;
	background: #a6c4d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#a6c4d9));
	background: -moz-linear-gradient(bottom, #a6c4d9, #FFFFFF);
	moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border: solid 2px #043e79;
	border-top: none;
}

#mapLegend h3 {
	color: #000;
	font-size: 1.2em;
	margin: 0;
}

#mapLegend ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

#mapLegend ul:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#mapLegend li {
	line-height: 1em;
	font-size: 0.9em;
	float: left;
	display: inline;
	width: 25%;
}

#mapLegend li img {
	vertical-align: middle;
}

#ui-datepicker-div {
	font-size: 11px;
}

/* Infobox */

.infobox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 250px;
}

.infobox .title {
	font-weight: bold;
	font-size: 14px;
}

.infobox-content {
	font-size: 11px;
	color: #000;
	text-shadow: 0 0 2px #ccc;
	padding: 4px 8px;
	border: 1px solid rgba(25,25,25,0.25);
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

.infobox-content p {
	margin: 0 0 5px 0;
}

.infobox.top {
	padding-bottom: 5px;
}

.infobox.bottom {
	padding-top: 5px;
}

.infobox.right {
	padding-left: 5px;
}

.infobox.left {
	padding-right: 5px;
}

.infobox-arrow, .infobox-arrow-inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 12px;
	height: 0;
	width: 0;
}

.infobox.top .infobox-arrow {
	margin-top: 96px;
	margin-left: 38px;
	border-top-color: #fff;
	border-top-color: rgba(25,25,25,0.2);
}

.infobox.bottom .infobox-arrow {
	margin-top: -23px;
	margin-left: 38px;
	border-bottom-color: #fff;
	border-bottom-color: rgba(25,25,25,0.2);
}

.infobox.right .infobox-arrow {
	margin-top: 12px;
	margin-left: -25px;
	border-right-color: #fff;
	border-right-color: rgba(25,25,25,0.2);
}

.infobox.left .infobox-arrow {
	margin-top: 16px;
	margin-left: 200px;
	border-left-color: #fff;
	border-left-color: rgba(25,25,25,0.2);
}

.infobox.top .infobox-arrow-inner {
	margin-top: -12px;
	margin-left: -12px;
	border-top-color: rgb(255,255,255);
}

.infobox.bottom .infobox-arrow-inner {
	margin-top: -12px;
	margin-left: -8px;
	border-bottom-color: rgb(255,255,255);
}

.infobox.right .infobox-arrow-inner {
	margin-top: -12px;
	margin-left: -8px;
	border-right-color: rgb(255,255,255);
}

.infobox.left .infobox-arrow-inner {
	margin-top: -16px;
	margin-left: -13px;
	border-left-color: rgb(255,255,255);
}

.infobox-content .status {
	padding: 1px 4px;
	color: #333;
	font-weight: bold;
}

.infobox-content .priority {
	font-weight: bold;
}

/* Service Requests Map - End */

/* Service Request Page */

#terms .agreement {
	clear: both;
	padding: 5px;
	border: solid 1px #ccc;
	overflow-y: scroll;
	height: 400px;
	font-size: 11px;
	background: #fefce8;
	color: #333;
}

#terms .actions {
	clear: both;
	margin: 10px 0;
	text-align: center;
}

#content h1.title img {
	float: left;
	margin: -5px 5px 0 0;
}

/* Service Request Page - End */

/* EntityFormView */

.entityFormView fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.entityFormView .row {
	margin-bottom: 10px;
}

.entityFormView .cell .info {
	font-size: 0.9em;
	margin-bottom: 2px;
}

.entityFormView .cell .info label {
	font-weight: bold;
}

.entityFormView .cell .info.required:after {
	content: "(Required)";
}

.entityFormView input.text {
	width: 50%;
}

.entityFormView textarea {
	height: 150px;
	width: 100%;
}

.entityFormView .captcha {
	margin-bottom: 10px;
}

.entityFormView .captcha-image {
	border: solid 1px #e0e0e0;
}

.entityFormView input.text, .entityFormView textarea {
	padding: 2px;
	font-family: Arial;
	font-size: 14px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.entityFormView .actions .button {
	padding: 2px 4px;
}

.entityFormView .validation-summary {
	margin: 0 0 5px 0;
}

.entityFormView .validation-summary ul {
	margin-bottom: 0;
}

.entityFormView .validators, .entityFormView .validation-summary {
	color: Red;
}

.entityFormView .validators {
	display: inline;
	margin: 0 2px;
}

.entityFormView .info span.description {
	padding: 0 3px 0 3px;
}

.entityFormView div.description {
	font-size: 0.9em;
	margin-top: -2px;
	margin-bottom: 2px;
}

.entityFormView div.description.below {
	margin: 0;
}

/* EntityFormView - End */

/* Twitter Feed */

#twitter-feed {
	margin: 0;
	padding:5px;
}

#twitter-feed #feed-title img {
	vertical-align: middle;
	border: none;
}

#tweets {
	font-size: 10px;
}

/* Twitter Feed - End */

h3.updateCaseTitle
{
    width:150px;
}

td.updateCaseLabel
{
    width:110px;
}
td.updateCaseField
{
    width:600px;
}

td.updateCaseTitle
{
    width:150px;
}

td.fieldcolumn 
{
    width: 12%;
}

td.labelcolumn 
{
    width: 25%;
}

td.trackingInfoTextBox
{
    width: 200px;
}

td.registerlabel
{
    width: 25%;
}

td.contactdetailslabel
{
    width:2%;
}

td.addcontactlabel
{
    width: 5%; 
}

td.profileaddresslabel
{
    width:110px;
}

td.profileaddresssecondlabel
{
    width:50px;
}

td.registerfield
{
    width: 25%;
}
td.requiredlabel
{
    width: 50%;
}

td.errorlabel
{
    width: 30%;
}

input.inputclass, select.inputclass
{
	width: 250px;
}

.ServiceInfo
{
	font-weight:bold;
}

.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; overflow-x:auto; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


.big-blue-button  
{
	display:block; 
	height:47px; 
	padding:0 0 0 70px; 
	line-height:47px; 
	font-size:1.285em; 
	color:#fff; 
	text-shadow:0 -1px 0 rgba(0,0,0,.6); 
	_height:36px; 
	_padding-top:11px;
	border:1px solid #4a86c1; 
	border-top-color:#a0cff2; 
	border-bottom-color:#1d569b;
	background:#408edb;
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(47,120,208)),color-stop(1, rgb(81,168,230)));
	background-image:-moz-linear-gradient(center bottom,rgb(47,120,208) 0%,rgb(81,168,230) 100%);
	box-shadow:rgba(0,0,0,.25) 0 1px 2px;
}

.FlexFieldTable select, .FlexFieldTable input
{
	width: 150px;
}


.AddNewSALabelColumn
{
    width: 150px;
}

#wizHeader
{
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
}
#wizHeader li
{
    float: left;
}
#wizHeader li a
{
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    background: brown; /* fallback color */
    background: hsla(34,85%,35%,1);
    position: relative;
    display: block;
    float: left;
}
#wizHeader li a:after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
#wizHeader li a:before
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
#wizHeader li:first-child a
{
    padding-left: 10px;
}
#wizHeader li:last-child
{
    padding-right: 50px;
}

#headerText ul
{
	color: #989898;
	list-style: none;
    overflow: hidden;
    font: italic 12px arial;
    position:relative;
    left:0px;
}
#headerText li
{
	text-align: center;
	float:left;
	width: 80px;
	padding-left:45px;
}

#headerText .currentStep
{
	font:italic bold 12px arial;
}

#LocationHeader
{
    background-repeat: no-repeat;
    background-position: 32px -30px;position: relative;top: -20px;
}

/*Ricardo*/

html, body {
	background: #E0E0E0;
}

a {
	color: #026D63;
}

#layout {
	width: 984px;
	background: #FFF;
	color: #000000;
	box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	-moz-box-shadow: 0 0 10px #555;
}

#header {
	background: url("img/site_header.png") no-repeat #095a51;
	background-size: 100% 100%;
	color: #FFFFFF;
	min-height: 140px;
	min-width: 920px;
}

#header a {
	color: #FFFFFF;
}


#header a:hover {
	color: #DCD06E;
}

#header a:active {
	color: #DCD06E; 
}

#header .navigation li a {
	background-color: #026D63;
	color: #FFFFFF;
}

#header .navigation li a:hover {
	background: #DCD06E;
	color: black;
}

#header .navigation li a.active{
	background-color: #DCD06E;
	color: black;
}

#main .breadcrumbs {
	background: #F8F3E6;
}


#main h1.title {
	color: black;
}

#main .form {
	background: #EFF5FA;
}

#left-column {
	background: #FFFFFF;
	width: 754px;
}

#right-column {
	background: #FFF;
	margin-right: -754px;
	width: 230px;
}

#footer {
	background: #026D63;
	color: #FFF;
	min-height: 40px;
}

#footer a {
	color: #FFFFFF;
}

#content .copy {
	color: #000;
}

#announcements-title {
	border: 1px solid #448bb9;
	background: #043E79;
	color: #FFF;
}

#announcements {
	border: solid 1px #448bb9;
	background: #F7FEFF;
	color: #000;
}

#announcements h3.title {
	color: #043E79;
}

.service-links a span{
	color: #026D63;
}



.service-links a:hover {
	color: Green;
}


#right-column-content .section {
	border: 1px solid #448BB9;
	background: #F7FEFF;
	color: #000;
}

#kb-search {
	background: #F8F3E6;
}


#terms .agreement {
	background: #FEFCE8;
}

#searchOptions {
	background: #EFF5FA;
}

#mapLegend {
	background: #EFF5FA;
}

.grid th {
	background: #DEAE28;
}


.grid tr {
	background: #FFF;
}

.grid tr.alternate-row {
	background: #F8F3E6;
}

input.button {
	border: none;
	background: #026D63;
	color: #FFF;
}

input.button:hover {
	border: none;
	background: #DCD06E;
	color: black;
}

#status-tracker {
	border: 1px solid #ccc;
	background: #F8F3E6;
}

h2 {
	color: black;
}

.AlternatingItemCSS
{
	background-color: #F8F3E6;
}

.CasesListHeader
{
	background-color: #026D63;
	color: #FFFFFF;
}
.CasesListHeader a
{
	color: #FFFFFF;
}

.wzdHeader
{
	border-bottom: 1px solid #eeeeee;
	margin-top: -8px;
	margin-bottom: 10px; /*h2 style*/
	font-family: "Open Sans Light" ,sans-serif;
	font-weight: normal;
	line-height: 30px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	color: #484848;
	font-size: 1.2em;
	font-weight: 600;
	display: inline-block;
	width: 100%;
}

.wzdStepLogo
{
	text-align: right;
	float: right;
}


.wzdTitle
{
	display: inline-block;
	float: left;
}

.wzdStepLogo
{
	text-align: right;
	float: right;
}

.wzdStepNotCompleted
{
	background-color: silver;
	border: 1px solid rgb(153,153,153);
	color: white;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	margin: 0px -1.5px 0px -1.5px;
	border-radius: 1.2em;
	position: relative;
	bottom: 3px;
	width: 20px;
	height: 20px;
	line-height: 18px;
}

.wzdStepCompleted
{
	background-color: #4D4D4D;
	border: 1px solid #4d4d4d;
	color: white;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	margin: 0px -1.5px 0px -1.5px;
	border-radius: 1.2em;
	position: relative;
	bottom: 3px;
	width: 20px;
	height: 20px;
	line-height: 18px;
}

.wzdStepCurrent
{
	background-color: #00AFAA;
	border: 1px solid #00AFAA;
	color: white;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin: 0px -1.5px 0px -1.5px;
	border-radius: 1.2em;
	position: relative;
	bottom: 3px;
	width: 20px;
	height: 20px;
	line-height: 18px;
}

.wzdStepBreak
{
	width: 3px;
	background-color: Transparent;
	display: inline;
}

.wzdProgress
{
	padding-right: 10px;
	font-family: Arial;
	color: #333333;
	font-size: 12px;
}