.clearfix:unknown
{
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
    content: ".";
}

.clearfix
{
    display: inline-block;
}
*HTML .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}

/*************************************************************************************
 * Rad Office 2007 Skin Tweaks
 *************************************************************************************/

.GridAltRow_Office2007
{
    background-color: #EEF3F7;
}

.GridAltRow_Office2007  SelectedRow_Office2007
{
    background-color: #F1C15F !important;
}



/* RADGRID Overrides for Office2007 skin.. */
.GridHeader_Office2007, .GridHeader_Office2007 A {	COLOR: #27413e;	TEXT-DECORATION: none;  font-weight:bold !important; font-size:8.3pt !important;}

/*************************************************************************************
 * Rad Vista Skin Tweaks
 *************************************************************************************/

.GridAltRow_Vista, .GridAltRow_Vista td
{
    background-color: #EBEBEB; /*background: url(images/AltRow_Vista.gif) repeat-x;*/
}
/*
.GridCommandRow_Vista A 
{
    COLOR: #fff !important; 
    TEXT-DECORATION: none !important;
    font-family:Verdana !important; 
    padding-left:5px !important;
}
*/
.GridHeader_Vista, .GridHeader_Vista A
{
    /*   COLOR: #333 !important;	         TEXT-DECORATION: none !important;         font-weight:bold !important;     */
}

.PagerLeft_Vista SPAN
{
    font-weight: bold !important;
}


/*************************************************************************************
 * END Rad Control Tweaks
 *************************************************************************************/

.SMCAppHeader A:link
{
    color: #191970;
    text-decoration: none;
}
.SMCAppHeader A:visited
{
    color: #191970;
    text-decoration: none;
}
.SMCAppHeader A:hover
{
    color: #191970;
    text-decoration: underline;
}
.SMCAppHeader A:hover:visited
{
    color: #191970;
    text-decoration: underline;
}
.SMCAppHeaderBg
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    height: 31px;
    background-color: #151584;
}
.SMCAppHeaderTitle
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: bold;
    font-size: 13pt;
    float: left;
    padding-bottom: 0px;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    color: white;
    padding-top: 2px;
    height: 29px;
    background-color: #151584;
    text-decoration: none;
    text-align: center;
display:block;
}


.SMCAppHeaderLogin
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 4px;
    height: 27px;
    background-color: #151584;
    text-align: right;
}
.Login A:link
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding-right: 5px;
}
.Login A:visited
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.Login A:hover
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
}
.Login A:hover:visited
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
}
.Login
{
    font-weight: normal;
    font-size: 8pt;
    color: #FFFFFF;
    font-style: normal;
    font-family: Verdana;
    padding-top: 5px;
    padding-right: 5px;
}

#LoginView
{
    clear: both;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: small;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    vertical-align: bottom;
}

.PortalLogin A:link
{
    font-weight: bold;
    color: #4255B8;
    text-decoration: none;
    padding-right: 5px;
}
.PortalLogin A:visited
{
    font-weight: bold;
    color: #4255B8;
    text-decoration: none;
}
.PortalLogin A:hover
{
    font-weight: bold;
    color: #4255B8;
    text-decoration: underline;
}
.PortalLogin A:hover:visited
{
    font-weight: bold;
    color: #4255B8;
    text-decoration: underline;
}
.PortalLogin
{
    font-weight: normal;
    font-size: 8pt;
    color: #4255B8;
    font-style: normal;
    font-family: Verdana;
}

.body
{
    font-size: 8pt;
    background-image: url(images/seattle_back.gif);
    margin: 0px;
    color: #490909;
    font-family: Verdana, Arial, helvetica;
    background-color: #FFFFFF;
    text-align: center;
}
body
{
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  margin: 5px 5px 5px 5px;
}

A:active
{
    color: #4255B8;
    outline: none;
}

A:link
{
    color: #4255B8;
    text-decoration: none;
}

A:visited
{
    color: #4255B8;
    text-decoration: none;
}

A:hover
{
    color: #4255B8;
    text-decoration: underline !important;
}
/*
A:hover:visited
{
  color: #4255B8;
  text-decoration: none;
}
*/
.deptHeaderContainer
{
    background: url(images/bgBlue.jpg) #99B7E9 repeat-y;
    border: #5165CB 1px solid;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 769px;
}

.deptHeader
{
    background-color: #191970;
    color: #490909;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

.deptHeader A:link
{
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

.deptHeader A:visited
{
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

.deptHeader A:hover
{
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}

.deptHeader A:hover:visited
{
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
}

#page
{
    border: #5165CB 1px solid;
    margin: auto;
    width: 769px;
    background-color: #ffffff;
}

#header
{
    margin: auto;
    width: 771px;
    background-color: #ffffff;
    text-align: center;
}

#main
{
    margin: auto;
    width: 771px;
    background-color: #ffffff;
    text-align: center;
}

#left
{
    background: url(images/bgBlue.jpg) #FFFFFF repeat-y;
    float: left;
    text-align: left;
    vertical-align: top;
    width: 155px;
}

#contentOneColumn
{
    float: left;
    text-align: left;
    width: 609px;
    vertical-align: top;
}

#contentTwoColumn
{
    float: left;
    text-align: left;
    width: 404px;
    vertical-align: top;
}

#right
{
    float: right;
    text-align: left;
    vertical-align: top;
    width: 155px;
}

.inwebnavcontainer
{
    background-color: #FFFFFF;
    border: #5165CB 1px solid;
    padding-right: 5px;
    width: 480px;
}

.inwebnav
{
    color: #4255B8;
    font-size: 10px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 3px;
    text-align: center;
    white-space: nowrap;
}

.inwebnav A:link
{
    color: #4255B8;
    font-weight: normal;
    text-decoration: none;
}

.inwebnav A:visited
{
    color: #4255B8;
    font-weight: normal;
    text-decoration: none;
}

.inwebnav A:hover
{
    color: #4255B8;
    font-weight: normal;
    text-decoration: none;
}

.inwebnav A:hover:visited
{
    color: #4255B8;
    font-weight: normal;
    text-decoration: none;
}

.leftNavTitle
{
    color: #5165CB;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 14pt;
    font-weight: normal;
    padding: 3px 0px 0px 3px;
}

.leftNavBodyBox
{
    background-color: #E6E8FD;
    border-bottom: #5165CB 1px solid;
    border-top: #5165CB 1px solid;
    color: #4255B8;
    margin: -4px 5px 0px 5px;
    padding: 0px 0px 0px 4px;
    text-align: left;
}
.leftNavBody
{
    background: url(images/bgBlue.jpg);
    color: #5165CB;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 10pt;
    padding: 3px 0px 0px 3px;
}

.leftNavSubTitle
{
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    color: #5165CB;
    font-family: Arial, Helvetica, Sans-Serif;
}

.leftNavSubItem
{
    padding: 0px 0px 0px 8px;
    font-weight: normal;
    font-size: 12px;
    color: #5165CB;
    font-family: Arial, Helvetica, Sans-Serif;
}

.leftNavSubItem A:link
{
    text-decoration: underline;
}

.leftNavSubItem A:visited
{
    text-decoration: underline;
}

.leftNavSubItem A:hover
{
    text-decoration: none;
}

.leftNavSubItem A:hover:visited
{
    text-decoration: none;
}

.portalImage
{
    background-color: #99B7E9;
    padding: 3px 3px 3px 3px;
    height: 113px;
    width: 608px;
}

.portalContent
{
    background-color: #FFFFFF;
    padding: 10px 3px 10px 3px;
}

.contentHeader
{
    background-image: url(Images/ContentHeader.gif);
    background-repeat: repeat-x;
    font-family: Tahoma, Arial, Sans-Serif;
    height: 22px;
    font-weight: bold;
    color: Black;
}

.contentHeaderLeft
{
    float: left;
}

.contentHeaderRight
{
    float: right;
}



/* Web Part CSS*/
.PartTitleStyle
{
    background-color: #C1D4E3;
    height: 25px;
    font-size: 8px;
    padding: 0px 0px 5px 10px;
    background-image: url(Images/boxHeaderTopLeft.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.PartTitleStyle table
{
    background-image: url(Images/boxHeaderTopRight.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.PartTitleStyle table tr td
{
    padding: 10px 10px 0 10px;
}

.PartTitleStyle table tr td span
{
    font-size: 12px;
    font-weight: bold;
    background-color: #C1D4E3;
    padding-right: -10px;
}

.PartStyle
{
    background-color: #F8F8f0;
    border: solid 1px #DDDDDD;
}

.PartZone
{
    border: dashed 1px #DDDDDD;
}

.PartZoneHeader
{
    height: 0px;
    display: none;
}

.ConfigureContainer
{
    background-color: #D5E4ED;
    border: solid 1px #9DB6C5;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 8pt;
}

ConfigureContainer td
{
    white-space: nowrap;
}

INPUT.Button, BUTTON.Button
{
    border: 0px;
    margin: 1px;
    width: 74px;
    font-family: Arial;
    height: 22px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    background-image: url(Images/button.gif);
    background-color: Transparent;
    text-align: center;
    line-height: 22px;
}

/****************************************** TAB ********************************************************/

.tabcontentcontainer
{    
    border-bottom:1px solid #E0E0E0;
    border-left:1px solid #E0E0E0;
    border-right:1px solid #E0E0E0;
    padding: 5px;
}
/****************************************** TAB END ****************************************************/


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

/*
.formHeader
{
  background: #D9E4F1;
  border-bottom: solid 1px #BCCDE4;
  color: #31639c;
  font-size: 9pt;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
}

.formLabel
{
  background-color: #E2EAF4;
  border-bottom: solid 1px #BCCDE4;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}

.formItem
{
  background-color: #F0FEF6;
  border-bottom: solid 1px #BCCDE4;
  padding: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: top;
}
*/
.formlabelerror
{
    
    color:Red;   
    white-space:nowrap;
}
.nowrap
{
    white-space:nowrap;
}
.formheader
{
    font: bold 13px Arial, Verdana, Sans-serif;
    color: #284B96;
    background: #F9FCFD url(/COURTS/Images/GridHeaderBg.gif) repeat-x bottom; /*background: #F9FCFD url(/COURTS/Images/contentHeader.gif) repeat-x bottom;*/
    border: 1px solid #9EB6CE;
    border-bottom-style: hidden;
    padding: 5px 5px 5px 5px;
}


.formbody
{
    /*background-color: #F0F4F8;*/
    background-color: #E0EAF7;
    padding: 10px 10px 10px 10px;
    border: 1px solid #9EB6CE;
}

.formlabel
{
      background-color: #E2EAF4;
  border-bottom: solid 1px #BCCDE4;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
    /*
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
*/
}
.formlabeltop
{
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding: 5px 5px 5px 5px;
}

.formitem
{
     background-color: #F0FEF6;
  border-bottom: solid 1px #BCCDE4;
  padding: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: top;
    /*
    text-align: left;
    vertical-align: top;
    padding: 5px 5px 5px 5px;
*/
}

.formsection 
{
  border: solid 1px #BCCDE4;
}

.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('/COURTS/Images/toolOnbg.gif');
    font: normal 11px Tahoma;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    height: 22px;
}

/******************************************Form Elements End ******************************************/

/****************************************** FOOTER BEGIN ******************************************/
.versionInfo
{
    display: block;
    text-align: center;
    font-size: 0.8em;
}
/****************************************** FOOTER END ******************************************/