body { 
background-image: url('//www.seattle.gov/2004_img/seattle_back.gif');
margin:auto; padding-left:5px; padding-right:5px;
background-color: #ebebeb;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.35;
}

TABLE {empty-cells: show; border-collapse:collapse;}

p {line-height:1.35; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 10px;}

/*****************CLEAR FIX BEGIN**********************/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*****************CLEAR FIX END**********************/

ul {list-style-type:square; margin-top:0px; margin-left:10px; margin-bottom:5px; padding-top:0px;  padding-left:16px; padding-bottom:5px;}
li {padding-top:6px;}

form {margin:0px; padding:0px;}

A:link, A:visited  {color: #31639C; text-decoration: underline;}
A:hover, A:visited:hover  {color: #31639C; text-decoration: none;}

A.moreinfo,
A:link.moreinfo,
A:visited.moreinfo
{
	font-weight:normal;
	color:#000000;
	text-decoration: none;	
	border-bottom: 1px dashed #2C88FF; 
}

A:hover.moreinfo,
A:visited:hover.moreinfo
{
  	font-weight:normal;
	color:#000000;
	text-decoration: none;
	background-color:#BFDBFF;
	border-bottom: 1px dashed #2C88FF; 
}

A.forminfo,
A:link.forminfo,
A:visited.forminfo
{
	margin-left:5px; 
	font-weight:normal;
	color:#2C88FF;
	text-decoration: none;
}

A:hover.forminfo,
A:visited:hover.forminfo
{
  	margin-left:5px;
	font-weight:normal;
	color:#2C88FF;
	text-decoration: underline;
}

/*Layout*/

.header_prebootstrap {background-image: url('//www.seattle.gov/dpd/appsnippets/common/header2012PreBootStrap-bg.png'); height:50px;}
.header_prebootstrap img {border:0}

#container {background-color:#ffffff; text-align:left; margin:auto;}
.liquid {width:100%;}
.fixed {width:775px;}

#header {width:100%;}

#login {color:#3776B8; font-weight:bold; font-size:10pt; text-align:right; margin-top:-21px;}

#wrapper {float:left; width:100%;}

#content {padding-left:10px; padding-right:10px; margin-top:10px;}
.nav_on {margin-right:202px;}
.nav_off {}

.module {margin:0 0 1em; border:4px solid #EBF2EE;background:#fff;}
.code-module {
	padding:.75em 16px;
	border:1px solid #C0CCC4;
	background: #efefef;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
	box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
}

.code-module h2 {font-size:19px; font-weight:bold; color:#333; margin:0 0 8px;}

#appname {
	font-size: 32px;
	line-height: 35px;
	margin-bottom: 15px;	
	margin-bottom:-7px;
	color: #333333;
	font-weight:bold;
}
#appname A:link,
#appname A:visited,
#appname A:hover,
#appname A:visited:hover {
	text-decoration: none; color: #333333;
}

/*****************ALERT MESSAGE**********************/
/************Adapted from Twitter Bootstrap**********/
.outage {
    display: block;
    color: #333333;
    background-color: #fff3cd;
    border: 1px solid #f5d46f;
    padding: 8px 35px 8px 14px;
    margin-bottom: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.outage h4 {
  margin: 0;
}
/*color options, copy to outage class above*/
.outage-yellow {
  color: #c09853;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
}

.outage-green {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}

.outage-red {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7;
}

.outage-blue {
  color: #3a87ad;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
}

#code {padding-top:10px; width:100%;}

#navright {float:left; margin-left:-202px; width:200px; background-color:#EEEEEE; margin-top: 10px; border: solid 1px #dedede;}

#footer {clear:both; padding-top:10px; width:100%;}

#crumb A:link, #crumb A:visited {color:#999999; text-decoration: none;}
#crumb A:hover, #crumb A:visited:hover {color:#999999; text-decoration: underline;}
#crumb {color: #999999; padding-left:10px;}

.navrightheader {
	background: #ffffff url('//www.seattle.gov/dpd/2006_img/titleBarBg.gif') repeat-x;
	padding:5px;
	color: #666;
	text-align:left;
	margin:4px 4px 0px 4px;
	border-top: solid 1px #e5e5e5;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #b7b7b7;
	border-bottom: solid 1px #b7b7b7;

}

.navrightcontent {
	margin:0px 4px 4px 4px;
	border-top: solid 0px #e5e5e5;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #b7b7b7;
	border-bottom: solid 1px #b7b7b7;
	padding:5px;
	background-color:#FFFFFF;
}


/* Main page heading */
.pageheading {
	font-size: 14pt;
	font-weight: bold;
    color: #000000;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
}

.subheading1 {
	font-size: 12pt;
	font-weight: bold;
    color: #31639C;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
}

/* Subheading */
.subheading2 {
    	font-size: 10pt;
		font-weight: bold;
        color: #000000;
		display:block;
		font-family: Arial, Helvetica, sans-serif;
}


/*************************************************************************************
 * Rad Office2007 Skin Tweaks
 *************************************************************************************/
/****** IE8 Non-compatibility mode fix (selects extended beyond page)****************/
.RadComboBox table {
width: inherit !important;
}


/****** ASP.NET 2.0 CLASS NAMES ****************/
.RadTabStrip_Office2007 li a:visited
{
	text-decoration:none;
}

.ComboBoxInput_Office2007
{
	background-color:#FFFFFF  !important;
}
/* textbox [input] */
.radEnabledCss_Office2007, 
.radNegativeCss_Office2007,
.radEmptyMessageCss_Office2007,
.radFocusedCss_Office2007,
.radHoverCss_Office2007 
{
	border: solid 1px #ADC3DE !important; 	
}
/* grid (including updated style names 2009) */
.GridHeader_Office2007,
.ResizeHeader_Office2007,
.rgHeader
{
	border-top: solid 1px #9eb6ce;
}
.GridHeader_Office2007 a , .rgHeader a
{
    text-decoration: none !important;
}

.GridAltRow_Office2007 td, .rgAltRow td
{ 
	background-color:#EEF3F7;
}

.GridRowOver_Office2007, .rgHoveredRow
{
	background:none !important;
}

.SelectedRow_Office2007,
.ActiveRow_Office2007,
.rgSelectedRow,
.rgActiveRow
{
	background:none !important;
}

.MasterTable_Office2007 td, .rgMasterTable td
{
	border-right: solid 1px #D0D7E5 !important;
	border-bottom: solid 1px #D0D7E5 !important;
}
.GridCommandRow_Office2007 td, .rgCommandRow td
{
	border: none !important;
}
/****** ASP.NET AJAX CLASS NAMES ****************/
.rtsLI a:visited /*Tab strip item */
{
	text-decoration:none;
}
.rcbInputCell /*Combo box*/
{
	background-color:#FFFFFF  !important;
}
/* textbox states - uses same as asp.net2.0 above*/
/* grid - uses same as asp.net2.0 above */

/* Editor */
.rade_toolbar li a
{
    text-decoration: none !important;
}
/* Form decorator - use same styles as native RadTextbox */
.rfdInput  
{  
    font: normal 12px "segoe ui" , arial, sans-serif !important;  
    padding: 2px 1px 3px 1px !important;  
    margin-right: 2px;  
} 

/*************************************************************************************
 * Container Tables
 *************************************************************************************/

/******* DataTable: For presenting static data fields and values *******/

/***********************WEB FORMS/DATA******************************/


.contentboxheader
{

	font: bold 13px Arial, Verdana, Sans-serif;
	color: #284B96;
	background: #F9FCFD url('//www.seattle.gov/dpd/AppImages/GridHeaderBg.gif') repeat-x bottom;
	border: 1px solid #9EB6CE; border-bottom-style:hidden;
	padding: 5px 5px 5px 5px;
}
.contentboxbody
{

	background-color: #F0F4F8;
	padding: 10px 10px 10px 10px;
	border:1px solid #9EB6CE;
}


.datatableheading {font-family:Arial, Helvetica, sans-serif; font-size:11pt; color: #000000; font-weight:bold; margin-bottom: 0px; padding-bottom:0px;}
.datatable {border: 1px solid #9EB6CE;}

.dataheader
{

	padding-top:2px;
	padding-bottom:3px;
	background: #F9FCFD url('//www.seattle.gov/dpd/AppImages/GridHeaderBg.gif') repeat-x bottom;
	border-bottom: solid 1px #9EB6CE;
	color: #284B96;
	padding-left:3px;
	font: bold 13px Arial, Verdana, Sans-serif;

}


.datalabel
{
	background-color: #EEF3F7;
	font-weight: bold;
	color: #27413e;
	text-align: right;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #D0D7E5;
	font: bold 11px Tahoma, Arial, Verdana, Sans-serif;

	

}

.dataitem
{
	background-color: #ffffff;
	text-align: left;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #D0D7E5;
	font: normal 11px Tahoma, Arial, Verdana, Sans-serif;
}

.datafooter {border: 1px solid #D0D7E5; border-top-style:hidden; padding:3px 3px 3px 3px;}



.formheader, .formheaderonly
{

	font: bold 13px Arial, Verdana, Sans-serif;
	color: #284B96;
	background: #F9FCFD url('//www.seattle.gov/dpd/AppImages/GridHeaderBg.gif') repeat-x bottom;
	border: 1px solid #9EB6CE; border-bottom-style:hidden;
	padding: 5px 5px 5px 5px;
}

.formheaderonly {border: 1px solid #9EB6CE !important;}

.formbody
{

	background-color: #F0F4F8;
	padding: 10px 10px 10px 10px;
	border:1px solid #9EB6CE;
}

.formlabel
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding: 5px 5px 5px 5px;

}

.formitem
{
	text-align: left;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}


.formselect {}

.formfield
{
	font:12px arial,verdana,sans-serif;
	background: white;
	padding:1px 0 1px 1px;
	color: #000;
	border: solid 1px #ADC3DE; 	
}

.formfieldMultiLine
{
	border: 1px solid #BCCDE4;
	font-size:9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.formbutton
{
	border-bottom: 1px solid #8c8c8c;
	border-top: 1px solid #c2c2c2;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
	background-image: url('//www.seattle.gov/dpd/AppImages/buttonBg.gif');
	font:normal 11px Tahoma;
	white-space:nowrap;
	height: 22px;
}

.tabcontentcontainer
{
	border: 1px solid #E0E0E0;
	padding-top:5px;
}


/*************************************************************************************
 * MISC Application Elements
 *************************************************************************************/

/* Used to display a -your account is locked out- message above the new PAN login control */
.LoginLockout 
{
  display: block;
  color: red;
  font-weight: bold;
  border: 1px solid red;
  padding: 5px;
  margin: 5px;
}

/* For use on .net validator controls */
.Validator 
{ 
  display: inline; 
  padding-left:5px; 
}

/* For error messages that display to the user - needs color adjustment */
.ErrorBlock
{
  display:block;
  text-align:center;
  padding: 3px 0px 3px 3px;
  font-weight:bold;
  color: Red;
  background-color: #ffffcc;    
}

/*************************************************************************************
 * Show and Hide during printing
 *************************************************************************************/
@media print
{
	.PrintOnly
	{
		display: inline;
	}
	.NoPrint
	{
		display: none;
	}
}
@media screen, tv, projection, handheld, tty
{
	.PrintOnly
	{
		display: none;
	}
	.NoPrint
	{
		display: inline;
	}
}

/*************************************************************************************
 * Footer
 *************************************************************************************/
.deptfooter A:link, .deptfooter A:visited {color: #666666; text-decoration: underline;}
.deptfooter A:hover, .deptfooter A:visited:hover {color: #666666; text-decoration: none;}
.deptfooter {color: #666666; background-color:#D1D1D1;text-align:center; padding-top:15px;padding-bottom:10px;}
.versionInfo { 
	display:block;
	text-align:center;
	font-size:0.8em;
}

/*************************************************************************************
 * App Header Icons
 *************************************************************************************/
.icon_county-board-proceedings{background-image:url('//www.seattle.gov/dpd/_images/2010HeaderIcons/header_icons.png');background-position:0 -584px;}