﻿/* */
/* html based styling */
html 
{
    position: relative;    
    margin:0px auto;
    padding:0px;
}
body
{
    margin:0px auto;
    padding:0px;
    font-family: "adelle";
    font-style: normal;
    font-weight: 500;
	font-size:1.0em;
    color:#1D2023;
    height: 100%;
    background: #f1f5f5;
}
header
{
    min-width: 1024px;
	width: 100%;
	border-bottom: solid 0px #1D2023;
	height: 68px;
	padding-left:0px;
	padding-right:0px;
	background: rgba(32, 45, 60, 0.9);
	position: fixed;
    top: 0px; 
    z-index: 20;
}
nav
{
    margin:0 auto;        
    width:1000px;
    height:100%;
}
nav .logo
{
    width:68px;    
    height:100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
nav .logo img
{
    padding: 13px;
}
section
{
    margin:0 auto;        
    width:1000px;
    height:100%;
}
article
{
    float:left;
    width: 100%;
	border: solid 0px #e5e5e5;
}


input[type="text"]
{
    background-color: #f1f5f5;
    border-color: #e8eded #e8eded #e8eded #e8eded;
    border-style: solid;
    border-width: 1px;
    color: #1D2023;
    font-family: "adelle",serif;
    font-size: 1.1em;
    padding: 8px 2px 8px 2px;
    
}
input[type="checkbox"] 
{
    font-size:1.0em; 
    color: #1D2023;     
}
input[type="password"] 
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e8eded #e8eded #e8eded #e8eded;
    border-style: solid;
    border-width: 1px;
    color: #1D2023;
    font-family: "adelle",serif;
    font-size: 1.1em;
    padding: 8px 2px 8px 2px;
}
/*select 
{    
    -webkit-border-radius: 4px;    
    -moz-border-radius: 4px;    
    border-radius: 4px;
    color: #1D2023; 
    background: #fff;
    font-size:1.0em; 
    border: 1px solid #ccc;     
}*/
select
{
    background-color: #FFFFFF;
    border-color: #e8eded #e8eded #e8eded #e8eded;
    border-style: solid;
    border-width: 1px;
    color: #1D2023;
    font-family: "adelle",serif;
    font-size: 1.1em;
    padding: 3px;
}
option 
{    
    color: #1D2023; 
    background: #f1f5f5;
}
textarea
{    
    background-color: #f1f5f5;
    border-color: #e8eded #e8eded #e8eded #e8eded;
    border-style: solid;
    border-width: 1px;
    color: #1D2023;
    font-family: "adelle",serif;
    font-size: 1.1em;
    padding: 8px 2px 8px 2px;
}
table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}
table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
  background-color: #f1f5f5; 
}
table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}
a,h1,h2,h3,h4,h5,h6,pre,blockquote,img
{
    margin:0px;
    padding:0px;
}

td 
{
	padding-left:5px;
	padding-right:5px;
}
a 
{
	color: #3C536F;
	text-decoration: underline;
	border-bottom: dotted 0px #c7321f;
}
a:hover
{
    color: #c7321f;
    text-decoration:underline;
    cursor: pointer;
}
img
{
    border:0px;
}
p
{
    padding: 8px 0px 8px 0px;
    margin: 0em;
}
h1
{
    color: #333;
	font-size:1.8em;    
    line-height: 1.6em;
    padding: 6px 0px 6px 0px;
}
h2
{
    color: #333;
	font-size:1.6em;    
    line-height: 1.4em;
    padding: 6px 0px 6px 0px;
}
h3 
{
	font-style:normal;
    color: #333;
	font-size: 1.4em;
	line-height: 1.2em;
    padding: 4px 0px 4px 0px;
    border: solid 0px black;
}
h4 
{
	font-style:italic;
    color: #333;
	font-size:1.2em;
	line-height: 1.0em;
    padding: 4px 0px 4px 0px;
    border: solid 0px black;
}
.data-title
{
    padding: 6px 0px 16px 0px;
}
.data  
{
    font-style:italic;
    color: #3C536F;
	font-size:1.2em;
	line-height: 30px;
    padding: 0px 0px 10px 0px;
    border: solid 0px black;
}
.data input, .data textarea
{
    width: 60%;
}
.data-label
{
    font-style:italic;
    color: #aaaaaa;
	font-size:1.0em;
    font-weight: 400;
	line-height: 1.0em;
    padding: 0px 0px 0px 0px;
    border: solid 0px black;
}
ul
{
	
	padding: 8px 40px 8px 40px;
}
li
{
	color:#1D2023;
	padding-bottom: 8px;
}
input[type="submit"]
{
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    margin:0 7px 0 0;
    background-color: #3C536F;
    border:3px solid #3C536F;     
    text-decoration:none;
    font-weight:normal;
    color:#f1f5f5;
    cursor:pointer;
    padding:8px 8px 8px 37px;  
}
input[type="button"]
{
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    margin:0 7px 0 0;
    cursor:pointer;
    padding:8px 8px 8px 37px; 
    outline: none;
}
input[type="submit"]:hover, input[type="button"]:hover
{
    background-color:#202D3C;
    border:3px solid #202D3C;
    color:#f1f5f5;
}

/* */
/* id based styling */
#error 
{
  font: 18px helvetica, arial, sans-serif;
  color: red;
}
#page
{
    position: relative;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.public-body
{
    font-family: "adelle",serif;   
    background: #3C536F;     
}
#public-navigation-section
{
    position: fixed;
    top: 0px;
    width: 100%;
    border-top: 0px solid #3C536F;
    border-bottom: 0px solid #d1d9d9;
    background-color: #1D2023;
    color: #f1f5f5;   
    margin-bottom: 0px;
    height: 26px;   
    z-index: 21;
}
#public-navigation-tidy
{
    width: 1004px;
    border: 0px solid #C3DADC;
     
    color: #f1f5f5;   
    font-size: 18px;
    height: 100%;   
    margin: auto;
    padding: 0px 0px 0px 0px;
}
.audit-log
{
    padding: 0px 0px 0px 0px;
    margin-top: 40px;
    
}
.audit-block
{
    float: left;
    width: 90%;
    padding: 10px 10px 10px 10px;
    margin: 5px 5px 5px 5px;
    border-top: #e8eded solid 1px;
    min-height: 180px;
}
.audit-block p
{
    font-family: "freight-sans-pro", serif;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 0px;
}
#data-inedit
{
    position: relative;
    padding: 0px;  
    border: solid 0px #cccccc;
    background-color: #f1f5f5;
}
#form-inread
{
    float: none; 
    position: relative;
    padding: 0px;  
    border: dashed 0px #cccccc;
    background-color: #f1f5f5;
}
#data-inread
{
    float: none; 
    position: relative;
    padding: 0px;  
    border: dashed 0px #cccccc;
    min-height: 400px;   
}
#data-inread hr
{
    background-color: #cccccc; 
    height: 1px; 
    border: 0;
    text-align:left;
    margin-left:0;
    /*width: 80%;*/
}

#description-inedit, #summary-inedit, #description-inread, #summary-inread
{
    display: inline-block;
    padding: 10px;
    margin-top: 30px;
    border: dotted 0px #c7321f;
    width: 700px;
}
#description-inedit, #description-inread
{
    margin: 0px 0px 10px 0px;
}
#summary-inedit, #summary-inread
{
    margin: 0px;
}
#htmlbody-inedit
{
    padding: 10px;
    margin: 0px;
    min-height: 400px;    
}
#htmlbody-inread, #draft-htmlbody-inread
{
    padding: 0px;
    margin: 0px;
    min-height: 400px;    
}
#htmlbody-inpublicread
{
    padding: 0px;
    margin: 0px;
}
#description-inread, #summary-inread
{
    border: solid 0px #cccccc;
}
#left-area, #left-area-inedit
{
    display: inline-block;
    position: relative;
    padding: 10px;  
    border-right: solid 0px #3C536F;
    width: 720px;
    margin-right: 0px;
    background-color: #f1f5f5;
}
#left-area-inedit
{
    
}
#right-area
{
    display: inline-block;
    position: relative;
    padding: 10px;  
    border: solid 0px #cccccc;
    width: 210px;
    vertical-align: top;
    background-color: #f1f5f5;
    border-left: solid 1px #e8eded;
}
#right-area ul
{
    list-style: none;
    margin-left: 0;
    padding: 0.2em;
}
#right-area li
{
    font-size: 0.8em;
    font-style: normal;
}
#side-by-side
{
    background-color: #ffffff;
    padding: 10px;
}


.hidden
{
    visibility: hidden;
    display: none;
}
/*
START DECISION TREE   
 */
#branch-add
{
    line-height: 30px;
    width: 414px;
    height: 30px;
    cursor: pointer;
    border: 1px solid #1D2023;
    background-color: #1D2023;
    text-align: center;
    margin: 5px;
    color: #f1f5f5;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

#branch-add:hover
{
    text-decoration: underline;
}

.tree
{
    border: 0px solid #3C536F;
    width: 100%;
    min-height: 400px;
}

.branch
{
    border: 2px solid #3C536F;
    width: 404px;
    min-height: 50px;
    padding: 5px;
    background-color: #3C536F;
    margin: 5px;
}

.branch-public
{
    border: 2px solid #3C536F;
    width: 600px;
    min-height: 50px;
    padding: 5px;
    background-color: #3C536F;
    margin-bottom: 5px;
}

.from-highlighted
{
    border: 2px dashed #9DABBC;    
}

.to-highlighted
{
    border: 2px dashed #f1f5f5;    
}

.branch-header
{
   border-bottom: 1px dashed #f1f5f5;
    background-color: #3C536F;
    width: 400px;
    height: 40px;
}

.branch-image
{
    float: left;
    width: 25px;
    height: 25px;
    border: 0px solid #c7321f;
    padding: 5px;
    cursor: move;
}
.branch-block
{
    background-color:#f1f5f5;    
    padding: 10px;
}
.branch-title
{
    float: left;
    width: 30px;
    height: 35px;
    border: 0px solid #c7321f;
    font-size: 20px;
    text-align: left;
    line-height: 35px;
    font-weight: 600;
    color: #f1f5f5;
    padding: 0px 10px 0px 10px;
}

.branch-dropdown
{
    float: left;
    width: 280px;
    height: 31px;
    border: 0px solid #c7321f;
    padding: 2px 0px 0px 0px;
}
.branch-dropdown select
{
    width: 268px;
    padding: 2px 2px 2px 2px;
    height: 31px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #5D656F;
}

.branch-actions
{
    float: left;    
    width: 25px;
    height: 25px;
    border: 0px solid #c7321f;
    padding: 5px 5px 5px 5px;
    cursor: pointer;  
}

.decisions-header
{
    margin-top: 20px;
    width: 400px;
    height: 30px;
    border: 0px solid #5D656F;
    
}

.decisions-title
{
    float: left;
    width: 142px;
    height: 28px;
    line-height: 28px;
    border-bottom: 2px solid #f1f5f5;
    background-color: #9DABBC;
    padding: 0px 0px 0px 10px;
    font-weight: 600;
    font-size: 14px;
    color: #1D2023;
}

.decisions-actions
{
    float: left;    
    background-color: #9DABBC;  
    width: 25px;
    height: 25px;
    border-bottom: 2px solid #f1f5f5;
    padding: 2px 10px 1px 2px;
    cursor: pointer;  
}
.decisions
{
    border: 0px solid #5D656F;
    width: 400px;
    min-height: 20px;
    
}

.decisions-public
{
    border: 0px solid #5D656F;
    width: 600px;
    min-height: 20px;
    
}

.decision
{
    margin-bottom: 5px;
    border: 2px solid #9DABBC;
    width: 400px;
    height: 35px;
    background-color: #9DABBC;
}

.decision-public
{
    margin-bottom: 5px;
    border: 2px solid #9DABBC;
    height: 42px;
    background-color: #9DABBC;
}

.decision-title
{
    float: left;
    width: 48px;
    height: 35px;
    border: 0px solid #c7321f;
    visibility: hidden;
    display: none;

}
.decision-image
{
    float: left;
    width: 25px;
    height: 25px;
    border: 0px solid #c7321f;
    padding: 5px;
    cursor: move;
}
.decision-button-container
{
    float: left;
    width: 590px;
    height: 42px;
    border: 0px solid #c7321f;
    padding: 2px;    
}
.decision-input
{
    float: left;
    width: 150px;
    height: 35px;
    border: 0px solid #c7321f;
    padding-top: 2px;
}
.decision-input input
{
    width: 125px;
    padding: 2px 10px 2px 10px;
    height: 25px;
    background-color: #f1f5f5;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #5D656F;
}
.decision-label
{
    float: left;
    width: 50px;
    height: 35px;
    border: 0px solid #c7321f;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    font-weight: 600;
}
.decision-dropdown
{
    float: left;
    width: 130px;
    height: 31px;
    border: 0px solid #c7321f;
    padding: 2px 0px 0px 0px;
}
.decision-dropdown select
{
    width: 100px;
    padding: 2px 2px 2px 2px;
    height: 31px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #5D656F;
}
.decision-actions
{
    float: left;
    width: 25px;
    height: 25px;
    border: 0px solid #c7321f;
    text-align: right;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
}

.hidden-branch-snipet, .hidden-decision-snipet, .hidden-htmlbody-snipet
{
    visibility:hidden;
    display:none;
}


/*
END DECISION TREE   
 */

.left-side-by-side-area
{
    display: inline-block;
    overflow:auto;
    position: relative;
    padding: 10px;  
    border-bottom: solid 0px #ffffff;
    width: 465px;
    margin-right: 10px;
    background-color: #f1f5f5;
}

.right-side-by-side-area
{
    display: inline-block;
    overflow:auto;
    position: relative;
    padding: 10px;  
    border: solid 0px #cccccc;
    width: 465px;
    vertical-align: top;
    background-color: #f1f5f5;
    border-left: solid 0px #ffffff;
}

.side-by-side-area
{
    display: inline-block;
    position: relative;
    padding: 10px;  
    border-right: solid 0px #3C536F;
    width: 465px;
    margin-right: 0px;
    background-color: #f1f5f5;
}

.side-bar-list, .sortable-side-bar-list
{
	padding: 8px 0px 8px 0px;
}
.side-bar-list ul, .sortable-side-bar-list ul
{
	padding: 8px 0px 8px 30px;
}
.side-bar-list li, .sortable-side-bar-list li
{
    color: #1D2023;
    padding: 0px;
    font-style: normal;
    list-style-type: none;
    line-height: 25px;
    
}
.sortable-side-bar-list li
{
    cursor:move;
    border-bottom: #C3DADC solid 1px;
}
.sortable-side-bar-list span
{
    display: inline-block;
    border-bottom: #e8eef4 solid 0px;
    background-color: #e8eef4;
    color: #3C536F;
    margin-left: 30px;
    padding-left: 10px;
    line-height: 33px;  
    text-decoration: none;  
    font-weight: 400;
    
}
.side-bar-list a
{
    display: inline-block;
    border-bottom: #e8eef4 solid 1px;
    background-color: #f1f5f5;
    color: #3C536F;
    margin-left: 30px;
    padding-left: 10px;
    line-height: 33px;  
    text-decoration: none;  
    font-weight: 400;
    width: 100%;
}
.side-bar-list a:hover
{
    border-bottom: #9DABBC solid 1px;
    background-color: #f1f5f5;
    color: #9DABBC;    
}
.side-bar-list-link-decision, .sortable-side-bar-list-link-decision
{
    background-image: url('../images/flow_chart_25.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
}
.side-bar-list-link-normal, .sortable-side-bar-list-link-normal
{
    background-image: url('../images/bookmark-25.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
}
.side-bar-list-link-draft, .sortable-side-bar-list-link-draft
{
    background-image: url('../images/edit-25.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

.side-bar-list-link-sort
{
    background-image: url('../images/generic_sorting2-25.png');
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-color: #e8eded;
}
.side-bar-list-link-sort a
{
   background-color: #e8eded;
   color: #c7321f;
}
.side-bar-list-link-sort a:hover
{
    text-decoration:none;
    border-bottom: #ccc solid 1px;
    background-color: #e8eded;
    color: #c7321f;    
}

.sortable-side-bar-list-link-normal, .sortable-side-bar-list-link-draft, .sortable-side-bar-list-link-decision
{
    background-color: #e8eef4;
    margin-bottom: 4px;    
}


.everything-list
{
	
	padding: 8px 0px 8px 0px;
}
.everything-list ul
{
	
	padding: 8px 0px 8px 30px;
}
.everything-list li
{
    color: #1D2023;
    padding: 0px;
    font-style: normal;
    list-style-type: none;
    line-height: 25px;
    
}
.everything-list-link-decision
{
    background-image: url('../images/flow_chart_25.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}
.everything-list-link-normal
{
    background-image: url('../images/bookmark-25.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}
.everything-list-link-draft
{
    background-image: url('../images/edit-25.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}
.everything-list a
{
    display: inline-block;
    width: 100%;
    border-bottom: #e8eef4 solid 1px;
    background-color: #3C536F;
    color: #f1f5f5;
    margin-left: 30px;
    padding-left: 10px;
    line-height: 33px;  
    text-decoration: none;  
    font-weight: 600;
}

.everything-list ul li a
{
    border-bottom: #e8eef4 solid 1px;
    background-color: #f1f5f5;
    color: #3C536F;
    margin-left: 30px;
    padding-left: 0px;
    line-height: 33px;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.8em;
}

.everything-list ul li a:hover, .everything-list a:hover
{
    border-bottom: #9DABBC solid 1px;
    background-color: #f1f5f5;
    color: #9DABBC;
    
}



.side-by-side-vertical
{
    width: 445px;
}

.full-vertical
{
    width: 700px;
}
.iphone-vertical
{
    width: 300px;
}
.ipad-vertical
{
    width: 700px;
}
.inedit
{
     border: solid 1px #e8eded;
}
.inread
{
     border: dotted 0px #3C536F;
}
.input-inedit
{
    border-bottom: 0px solid #c7321f;
}
.input-label
{
    font-size: 0.8em;
    font-style: italic;
    color: #9DABBC;
    padding: 0px 0px 0px 2px;
}
.separator
{
    height: 2px;
    color: #3C536F;
    background-color: #3C536F;
    width: 100%; 
    margin: 20px 0px 20px 0px;   
}


.public-header-container
{
    width: 100%;    
    background: #9DABBC;        
    padding: 20px 0px 70px 0px;
    background: transparent url('../images/screenshot-main.png') bottom center no-repeat; 
    border-bottom: 3px solid #3C536F; 
}
.public-header
{
    width: 1004px;        
    margin: auto;
      
}
.public-logo
{    
    background: transparent url('../images/ubqo_logo_lrg.png') top center no-repeat;
    height: 157px;
    margin-top: 60px;
}
.public-logo a
{
    float: right;
}

.public-feature-container
{
    width: 100%;    
    background: #f1f5f5;        
    padding: 20px 0px 20px 0px;
}
.public-screenshot-feature
{
    margin-top: 30px;
}
.public-feature
{
    width: 1004px;        
    margin: auto;            
}
.public-tour
{
    width: 1004px;        
    margin: 0px auto 0px auto;            
    border: 0px solid #ccc;
}
.edit-link-section
{
    text-align: right;
    background-color: #1D2023;
}
.edit-link
{
    color: #c7321f;
}
.app-store-wide-column {
    float: left;
    width: 670px;
    margin-right: 0px;
    line-height: 1.2em;
    margin-top: 60px;
    padding: 10px;
    /*border: solid 1px #1D2023;*/
}
.app-store-wide-column h1, .app-store-narrow-column h1 {
    color: #1D2023;
    font-size: 42px;
    line-height: 50px;
    padding: 16px 0px 20px 10px;
    border: solid 0px black;
    text-transform: uppercase;
    font-family: "freight-sans-pro";
    font-weight: normal;
}
.app-store-narrow-column {
    float: left;
    width: 270px;
    margin-right: 10px;
    line-height: 20px;
    margin-top: 0px;
    padding: 0px 10px 0px 10px;
    border-right: #3C536F dotted 0px;
    /*border: solid 1px #1D2023;*/
}
input[type="text"].big-input 
{
    background-color: #f1f5f5;
    border: 0px solid #f1f5f5;
    border-bottom: 1px dotted #9DABBC;
    height: 60px;
    width: 600px;
    font-size: 1.6em;
    font-family: "adelle", serif;
    font-weight: 400;
}

.contact-input, .contact-select
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background-color: #f1f5f5;
    border: #e5e5e5 1px solid;
    color: black;
    outline: 0;
    padding: .5em;
    font-size: 1em;
    font-family:  "adelle",serif;
    height: 1em;
    width: 32%;
    height: 1.6em;
    line-height: 1em;
    color: #1D2023;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.contact-text-area
{
    width: 98%;
    height: 300px;
    padding: 0.3em;
    color: #1D2023;
    font-family:  "adelle",serif;
    font-size: 1.0em;
    font-style: italic;
    -moz-border-radius: 5px;
    border: #e5e5e5 1px solid;
    background-color: white;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.public-overview
{
    width: 1004px;        
    margin: auto;            
    border-top: 0px solid #C3DADC;
}
.public-overview-paragraph
{
    text-align: left;
    margin: auto;
    width: 700px;
    font-size: 1.4em;
    line-height: 26px;
    font-weight: 400;
    font-style: normal; 
    border: 0px solid #C3DADC;
    color: #1D2023;  
    margin-bottom: 25px;  
}
.public-overview-paragraph-highlighted, .public-tour-paragraph-highlighted
{
    color: #c7321f;    
}
.public-faq
{
    width: 840px;        
    margin: auto;            
    border-top: 0px solid #C3DADC;
}
.public-faq-question
{
    text-align: left;
    width: 600px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    font-style: normal; 
    border: 0px solid #C3DADC;
    margin: 20px auto 4px auto;  
    color: #c7321f;    
}
.public-faq-answer
{
    text-align: left;
    margin: auto;
    width: 600px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    font-style: normal; 
    border: 0px solid #C3DADC;
    color: #1D2023;  
    margin-bottom: 10px;  
}
.public-tour-paragraph
{     
    float: left;
    width: 540px;
    border: 0px solid #ccc;
    text-align: left;
    color: #1D2023;
    font-size:20px;
    font-weight: 600;
    font-style: normal;
    margin: 10px 20px 10px 20px;
}
.public-tour-image
{
    float: left;
    width: 380px;
    border: 0px solid #ccc;
    text-align: center;
    color: #3C536F;
    font-size:20px;
    font-weight: 600;
    font-style: normal;
    margin: 10px 10px 10px 10px;
}
.public-overview-headline
{
    width: 700px;
    margin:auto;
    text-align: center;
    color: #1D2023;    
	font-size: 1.8em; 
	font-style: italic;
	font-weight: 600;	   
    line-height: 32px;
    padding: 12px 0px 6px 0px;
}
.public-headline
{
    text-align: center;
    color: #1D2023;    
	font-size: 2.4em; 
	font-style: normal;
	font-weight: 700;	   
    line-height: 1.0em;
    padding: 8px 0px 26px 0px;
}
.public-sub-headline
{
    text-align: center;
    color: #9DABBC;    
	font-size:20px;    
	font-style: italic;
	font-weight: 400;	   
    line-height: 22px;
    padding: 4px 140px 6px 140px;
}
.public-abstract
{
    text-align: center;
    color: #1D2023;    
	font-size: 2.0em; 
	font-style: italic;
	font-weight: 700;	   
    line-height: 38px;
    padding: 12px 0px 6px 0px;
}
.public-quote
{
    margin-top: 20px;
    text-align: center;
    color: #9DABBC;    
	font-size:1.2em;    
	font-style: italic;
	font-weight: 400;	   
    line-height: 22px;
    padding: 4px 140px 4px 140px;
    font-family:  "adelle-sans",serif;
}
.public-quote-author
{
    text-align: center;
    color: #9DABBC;    
	font-size:1.1em;    
	font-style: italic;
	font-weight: 400;	   
    line-height: 18px;
    padding: 0px 0px 6px 0px;
    font-family:  "adelle-sans",serif;
}
.public-signup
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    -moz-box-shadow: 0px 0px 6px #1D2023;      
    -webkit-box-shadow: 0px 0px 6px #1D2023;      
    box-shadow: 0px 0px 6px #1D2023;      

    width: 480px;
    background: #9DABBC;
    padding: 8px 8px 8px 8px;
    margin: auto; 
    color: #f1f5f5;
    font-size: 1.2em;
    line-height: 26px;
    font-weight: 600;
    font-style: italic; 
    border: 0px solid #f1f5f5;  

/*    min-height: 80px;
    background: transparent url('../images/scribbled-out.png') top center no-repeat;
    text-align: center;
    color: #3C536F;    
	font-size: 22px;    
	font-style: normal;
	font-weight: 400;	   
    line-height: 22px;
    padding: 16px 0px 4px 0px;*/
}
.public-signup a
{
    font-style: italic;	
}
.public-screenshot
{
    margin: 8px;
}
.public-screenshot-popup
{
    margin: 4px;
}
.public-screenshot-popup img
{   
    padding: 1px; 
    -moz-box-shadow: 0px 0px 1px #f1f5f5;     
    -webkit-box-shadow: 0px 0px 1px #f1f5f5;     
    box-shadow: 0px 0px 1px #f1f5f5;            
}
.public-bordered-element
{   
    padding: 2px; 
    -moz-box-shadow: 0px 0px 1px #1D2023;     
    -webkit-box-shadow: 0px 0px 1px #1D2023;     
    box-shadow: 0px 0px 1px #1D2023;            
}
.public-yes-header
{
    background: #f1f5f5;
    padding: 20px 20px 10px 20px;
    margin: auto;
    font-size: 2.0em;
    font-weight: 600;
    font-style: normal;
}
.public-yes-list
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    width: 740px;
    background: #f1f5f5;
    padding: 0px 6px 178px 6px;
    margin: auto; 
    color: #c7321f;            
    border: 1px solid #C3DADC;  
    background: #f1f5f5 url('../images/yes.png') bottom center no-repeat;
}
.public-yes-list ul
{
    list-style: none;
    padding: 0px 40px 0px 40px;
}
.public-yes-list li
{
    font-size: 1.4em;    
	font-style: normal;
	font-weight: 400;	   
    line-height: 24px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}



#navigation-section
{
    position: fixed;
    top: 0px;
    width: 100%;
    background: #3C536F;     
    color: #f1f5f5;   
    margin-bottom: 0px;
    height: 56px;   
    z-index: 20;
    border-top: 3px solid #f1f5f5;
}
#navigation-tidy
{
    width: 100%;
    border-bottom: 0px solid #1D2023;
    background: #3C536F;    
    color: #f1f5f5;   
    font-size: 16px;
    height: 100%;   
    margin: 0;
    padding: 0px 0px 0px 0px;
    min-width: 980px;
}
#sub-navigation-section
{
    position: fixed;
    top: 26px;
    width: 100%;
    border-bottom: 0px solid #1D2023;
    background:#3C536F;   
    color: #f1f5f5;   
    margin-bottom: 0px;
    height: 86px;   
    z-index: 20;
    box-shadow:0px 2px 10px 0px #1D2023;
    
}
#sub-navigation-tidy
{
    width: 1004px;
    border-bottom: 0px solid #f1f5f5;  
    color: #f1f5f5;   
    font-size: 1.0em;
    height: 100%;   
    margin: auto;
    padding: 0px 0px 0px 0px;
    
}
#public-content
{
    margin: 0 auto;
    width: 100%;    
    padding-top: 60px;
    border: 0px solid yellow;
}
#content
{
    margin: 0 auto;
    width: 100%;
    /*max-width: 1010px;*/
    min-width: 980px;
    padding-top: 65px; 
    border-top: solid 5px black;  
     background-color: #f1f5f5;
}
#public-container
{
    border: 1px solid #c3dadc;
    background: transparent;     
    margin: 0px 14px 0px 14px;
    max-width: 1004px;
    min-width: 1004px;
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 1;
    padding: 8px 8px 8px 8px;
}
#container
{
/*    -moz-box-shadow: 1px 4px 4px #3C536F;
    -webkit-box-shadow: 1px 4px 4px #3C536F;
    box-shadow: 1px 4px 4px #3C536F;
  */  
    border-top: 0px solid #3C536F;
    background: #f1f5f5;     
    margin: 60px auto auto auto;
    /*margin: 0px 14px 0px 14px;*/
    /*max-width: 1004px;*/
    min-width: 920px;
    width: 1004px;
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 1;
    /*padding: 8px 8px 8px 8px;*/
    padding: 0px;
}
#data
{
    position: relative;
    padding: 10px;   
}


.invoice
{
    
}
.invoice h1
{
    color: #1D2023;
	font-size: 24px;    
    line-height: 26px;
    padding: 0.6em 0em 0.4em 0em;
}
.invoice h2
{
    color: #1D2023;
	font-size: 20px;    
    line-height: 22px;
    padding: 0.6em 0em 0.4em 0em;
}
.invoice h3 
{
    font-style:italic;
	color: #1D2023;
	font-size: 18px;    
    line-height: 20px;
    padding: 0.6em 0em 0.4em 0em;
}
.invoice h4 
{
	font-style:italic;
    color: #1D2023;
	font-size:1.0em;
	line-height: 1.2em;
    padding: 4px 0px 4px 0px;
    border: solid 0px black;
}
.invoice table
{
	width: 100%;
}
.billing_statement_listing_cell_money
{
    text-align: right;
    width: 15%;
}
.billing_statement_listing_cell_totals_label
{
    text-align: right;
    font-weight: bold;
}

#full-section
{
    -moz-box-shadow: 0px 0px 6px #333;
    -webkit-box-shadow: 0px 0px 6px #333;
    box-shadow: 0px 0px 6px #333;
    
    padding: 0px;
    border-right: 0px dotted #1D2023;   
    height: 100%; 
    background: #ffffff;
    margin-top: 16px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 16px;
}
#blank-state-section
{
    float: left;
    padding: 0px;
    border-bottom: 0px solid #1D2023;   
    width: 100%;   
    height: 100%; 
    background: #f1f5f5;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    min-height: 900px; 
}
#center-section
{
    
    padding: 0px 0px 0px 0px;
    border-right: 0px dotted #1D2023;   
    width: 100%;    
    height: 100%;
    background: #f1f5f5;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    min-height: 800px;
}
.submit-section
{
    margin-top: 20px;
}
#right-section
{
    float: right;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    height: 100%;
    padding: 0px 0px 0px 10px;
    background: #f1f5f5;
    border: 0px solid #1D2023;   
    width: 30%;    
    margin: 16px 0px 16px 0px;    
}
#document-actions
{
    position: relative;
    width: 100%;
    border-bottom: 2px solid #9DABBC; 
    padding: 0px;       
    background:#f1f5f5;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
}
#document-actions-full
{
    width: auto;
    border: 0px solid #1D2023; 
    padding-left: 10px;  
    line-height: 40px;
    height: 40px;
    font-size: 1.0em;
}
#document-actions-left
{
    float: left;
    width: 30%;
    border: 0px solid #1D2023; 
    padding-left: 10px;  
    line-height: 40px;
    height: 40px;
    font-size: 1.0em;
}
#document-actions-full h3, #document-actions-left h3
{
    line-height: 40px;
    height: 40px;
    padding: 0px; 
    color: #9DABBC;   
}
#document-actions-left p, #document-actions-right p
{
    color:#aaaaaa;  
    line-height: 20px;  
}

#document-actions-left a:hover, #document-actions-right a:hover
{
    color:#3C536F;   
    background-color: #f1f5f5; 
}
#document-actions-right
{
    float: right;
    width: 60%;
    border: 0px solid #1D2023; 
    padding-right: 10px;
    text-align: right;    
    font-size: 1.0em;
}
#comments
{
    padding: 10px;
}
#bare-layout 
{
    /*-moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;*/
    
    
    -moz-box-shadow: 0px 0px 6px #333;
    -webkit-box-shadow: 0px 0px 6px #333;
    box-shadow: 0px 0px 6px #333;
    
    background: none repeat scroll 0 0 #f1f5f5;
    border: 0px solid #1D2023;    
    font-size: 16px;
    margin: 10px auto;
    padding: 22px 30px;
    text-align: left;
    width: 500px;
}
#wide-bare-layout 
{
    /*-moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;*/
    
    
    -moz-box-shadow: 0px 0px 6px #333;
    -webkit-box-shadow: 0px 0px 6px #333;
    box-shadow: 0px 0px 6px #333;
    
    background: none repeat scroll 0 0 #f1f5f5;
    border: 0px solid #1D2023;    
    font-size: 16px;
    margin: 10px auto;
    padding: 16px 30px;
    text-align: left;
    width: 700px;
}
#login-logo
{
	color: #f1f5f5;	    
    margin: 60px auto auto auto;
    padding: 0px;
    text-align: center;
    width: 1004px;
}
#about-you 
{
  font-size: 0.9em;
  width: 75%;
  border: 0;  
  border-collapse: collapse;
  margin: 8px 0px 20px 0px;
}
#about-you td 
{
  color: #9DABBC;
  padding: 0px;   
  border-top: solid 0px #ccc;
  border-left: solid 0px #ccc;
  border-right: solid 0px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #f1f5f5; 
}
#operationdate-display
{
    margin: 0;
    width: 150px;
}
#birthdate-display
{
    margin: 0;
    width: 150px;
}
#footer
{   
    float: left;
    border: 0px solid #1D2023;        
    background: #f1f5f5;     
    margin: 0px 0px 0px 0px;
    width: 100%;
    /*max-width: 1004px;*/
    min-width: 964px;
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 1;
    padding: 0px;
    line-height: 22px;
    min-height: 180px;
    height: 180px;
}
#footer-left
{
    float:left;
	padding: 10px 0px 10px 20px;
	color: #3C536F;
	text-align:left;
    font-size:0.8em;	
}
#footer-right
{
    float:right;
    text-align:right;
    color: #3C536F;
    font-size:0.8em;
	padding: 10px 20px 10px 0px;
}
#footer a:hover
{
	color: #9DABBC;	
}
.public-footer-container
{
    width: 100%;    
    background: #3C536F;    
    border: 0px solid red;
    padding: 20px 0px 20px 0px;
    height: 420px;
    min-height: 420px;
}
.public-footer
{
    width: 840px;        
    margin: auto; 
    border: 0px solid #fff;       
}
.public-follow-us
{
    border: 0px solid #fff;
    color: #f1f5f5;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    margin: 30px 20px 20px 20px;
}
.public-follow-us a
{
    color: #f1f5f5;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    
}
.public-legal-links a, .public-legal a
{
    color: #9DABBC;
    font-size:14px;
    font-weight: 400;
    font-style: normal;
    font-family: "freight-sans-pro", serif;
    text-transform: uppercase;

}
.public-legal-links, .public-legal
{
    color: #9DABBC;
    font-size:14px;
    font-weight: 400;
    font-style: normal;
    font-family: "freight-sans-pro", serif;
    text-transform: uppercase;
}
.public-product
{    
    float: left;
    width: 395px;
    border: 0px solid #ccc;
    text-align: center;
    color: #f1f5f5;
    font-size:20px;
    font-weight: 600;
    font-style: normal;
}
.public-product-container
{    
    padding: 30px 20px 30px 20px;
    border-top: 1px solid #213c3f;
    border-bottom: 1px solid #213c3f;
    color: #f1f5f5;
    font-size:16px;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 50px;
}
.clear
{
    clear: both;
}
.public-ubqo
{
     margin-top: 220px;
}


/* */
/* class based styling */

.menu-container
{
    width:932px;    
    height:100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.menu 
{
	margin:0px;
	padding:0px;	
    float: right;
}
.menu li {
	float:left;
	list-style:none outside none;
    margin: 0px;
    padding:0px;
}
.menu li a:link, .menu li a:visited {
	color:#9DABBC;
	display:block;
	font-weight:400;
	font-size:1.6em;
    padding-left: 8px;
	padding-right: 8px;
	text-decoration:none;
	text-transform:uppercase;
	font-family: vinyl;
    line-height: 68px;    
}
.menu li a:hover 
{
	color:#f1f5f5;
	background: transparent;
}
.menu li.menu-item-selected a 
{
	color:#f1f5f5;
	background: transparent;    
}
.menu li.menu-item-highlighted a
{
    color: #c7321f;
}
.impact
{
    min-width: 1000px;
    min-height: 320px;
    width: 100%;
    height: 100%;
    margin-top: 68px;   
    background-color: #ffffff;
    background: transparent url('../images/background.jpg') bottom center repeat;
    text-align: center;
}
.company
{
    margin-top: 60px;
}
.strapline
{
    color: #5D656F;   
    text-transform: uppercase;
    font-family: vinyl;
    font-weight:400;
	font-size:1.6em;    
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.impact-divider
{
    border: 0;
    height: 1px;
    border-top: 1px solid #5D656F;
    width: 280px;
    text-align: center;
    padding:0px;
    display: block;  
}
.content
{
    padding-top: 28px;
    padding-bottom: 28px;
    min-width: 1000px;
    min-height: 800px;
    width: 100%;
    height: 100%;
    float: left;
    background-color: #f1f5f5;
}
.content section
{
    margin:0 auto;        
    width:1000px;
    height:100%;
}
.content article
{
    width: 100%;
}
.content h1, .content h2, .content h3, .content h4, .content p, .content ul, .content form
{
    width: 660px;
    margin:0 auto;   
    border: 0px solid black;     
}
.content blockquote
{
    width: 1000px;
    margin:40px auto;   
    border: 0px solid black;     
}
.walkthrough
{
    min-width: 1000px;
    min-height: 500px;
    width: 100%;
    height: 100%;
    float: left;    
}
.footer
{
    padding-top: 20px;
    padding-bottom: 20px;
    min-width: 1000px;
    min-height: 120px;
    width: 100%;
    height: 100%;
    float: left;
    background-color: #9DABBC;
}
.footer section
{
    margin:0 auto;        
    width:1000px;
    height:100%;
}
.footer article
{
    width: 100%;
}
.footer-info
{
    float: left;
    width: 600px;
    font-size: 1.0em;
    color: #5D656F;
}
.footer-social
{
    float: left;
    width: 400px;
    font-size: 1.0em;
    color: #5D656F;
    text-align: right;
}
.footer-info a, .footer-info span, .footer-social a, .footer-social span
{
    line-height: 140px;
    color: #5D656F;
    font-family: vinyl;
    text-transform: none;
}
.footer-info a, .footer-social a
{
    text-decoration: underline;
}
.footer-info a:hover, .footer-social a:hover
{
    color: #202D3C;
}





.login-section
{
    float: right;
    width: 175px;
    border: 0px solid #f1f5f5;  
    text-align: right;
    margin: 0px 0px 0px 0px;
    line-height: 38px; 
}
.login-section a
{
    color: #f1f5f5;
    text-decoration: underline;
    border: 0;
}
.login-section a:hover
{
    color: #f1f5f5;
    text-decoration: underline;    
    border: 0;
}
.logo-section
{   
    float: left;
    width: 170px; 
    border: 0px solid #1D2023;    
    padding: 0px;
    margin-top: 8px;
}
.logo-section img
{    
    padding: 0px;
    border: 0px solid #1D2023;  
    vertical-align: middle;   
}
.menu-section
{
    float: left;
    width: 616px;
    border: 0px solid #f1f5f5; 
    padding: 0;   
}
.menu-section-left
{
    float: left;
    width: 100%;
    border: 0px solid #fff; 
    height: 100%;
    margin-top: 0px;
    line-height: 56px; 
}




.submenu-section
{
    float: left;
    width: 100%;
    border: 0px solid #f1f5f5; 
    padding: 0; 
 
}
.submenu-section-left
{
    float: left;
    width: 300px;
    border-top: 0px solid #fff; 
    height: 100%;
    margin-top: 18px;    
    text-transform: uppercase;
   /* background-color: red;*/
}
.submenu-section-right
{
    float: right;
    height: 30px;
    margin-top: 18px;    
    text-align: right;
    text-transform: uppercase;    
}
.submenu-button-left
{   
	float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;       
    border-top: 1px dotted #3C536F; 
    font-family: "freight-sans-pro", serif;
    text-transform: uppercase;
    background-color:#3C536F;
}
.submenu-button-left a
{
	float: left;
    margin: 0px 8px 0px 8px;
    text-align: center;
    font-size: 0.9em;
    text-decoration: none;
    font-weight: 400;
    color: #f1f5f5;
    padding: 0px 0px 0px 0px;
    line-height: 30px;
    border-top: 0px solid #3C536F;
    font-family: "freight-sans-pro";
    text-transform: uppercase;
}
.submenu-button-right
{   
	float: left;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px;       
    font-family: "freight-sans-pro", serif;
    text-transform: uppercase;
    border-top: 1px solid #9DABBC; 
}

.submenu-button-right span
{
	float: left;
    margin: 0px 4px 0px 4px;
    text-align: center;
    font-size: 0.8em;
    font-weight: 400;
    color: #9DABBC;
    padding: 0px 4px 0px 4px;
    line-height: 30px;
    font-family: "freight-sans-pro";
}

.submenu-button-right a
{
	float: left;
    margin: 0px 8px 0px 8px;
    text-align: center;
    font-size: 0.8em;
    text-decoration: none;
    font-weight: 400;
    color: #9DABBC;
    padding: 0px 4px 0px 4px;
    line-height: 30px;
    border-top: 0px solid #3C536F;
    font-family: "freight-sans-pro";
}
.special a
{
    color: #f1f5f5;
}
.submenu-button-left:hover, .submenu-button-right:hover
{
    border-top: solid 1px #d1d9d9;    
    color: #d1d9d9;
    text-decoration: none;  
}

.submenu-button-left a:hover, .submenu-button-right a:hover
{
    color: #d1d9d9;
    text-decoration: none;  
}
.submenu-button-left-selected a, .submenu-button-right-selected a
{
    border-top: solid 0px #f1f5f5;    
    color: #f1f5f5;
}





.search-section
{
    float: left;
    width: 100%;
    min-width: 980px;
    margin: 0px 0px 0px 0px;
    border: 0px solid #f1f5f5;
    line-height: 36px; 
    padding: 0px 0px 0px 0px;   
    height: 36px;
}
.search-section input
{
    float: left;
    -moz-border-radius: 0px 4px 4px 0px;    
    border-radius: 0px 4px 4px 0px;  
    border: 1px solid #ddd;
    color: #1D2023;
    font-size: 1.0em;
    font-weight: bold;
    font-family: Georgia, Helvetica, Arial, sans-serif;
    /*font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;*/
    /*font-family: Georgia;*/
    font-style: normal;
    padding: 3px 25px 4px 4px;    
    margin-top: 4px;
    width: 930px; 
    height: 23px;
}
.search-icon 
{
    -moz-border-radius: 4px 0px 0px 4px;    
    border-radius: 4px 0px 0px 4px;
    float: left;
    margin: 4px 0px 0px 0px;
    width: 36px;
    height: 30px;
    border: 1px solid #ddd;
    background: #ddd url('../images/search-25.png') center center no-repeat;
}
.help-section
{
    font-weight: normal;
    border: 0px solid #1D2023;
    width: 100%;   
    height: 100%;
    margin: 200px auto 200px auto;
    min-height: 200px;
    font-size: 1.2em;
}
.help-section p, .help-section h4
{
    margin: 0px;    
    padding: 0px 0px 8px 0px;
}
.help-section p
{
    color: #24747a;
}
.help-section-text
{    
    margin: 30px 0px 30px 0px;     
    padding: 25px 10px 6px 220px;   
}
.help-section-text p
{    
    margin-top: 6px;
    line-height: 1.2em;       
}
.help-dashboard
{
    background: transparent url(../images/empty-dashboard.png) no-repeat 6px center;
}
.help-cases
{
    background: transparent url(../images/empty-cases.png) no-repeat 10px center;
}
.help-reviews
{
    background: transparent url(../images/empty-reviews.png) no-repeat 10px center;
}
.export-section
{
    font-weight: normal;
    border: 0px solid #1D2023;
    margin: 10px auto 20px auto;
    padding: 10px 10px 10px 10px;    
    font-size: 1.2em;
    background-color: #C3DADC;
}
.export-section p
{
    padding: 0px;
    margin: 10px 0px 10px 0px;
    color: #24747a;
    line-height: 1.2em;
}
.export-section h4
{
    color: #24747a;
}
.menu-button-left
{   
	float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;    
    background-color:#1D2023;  
    border-top: 3px solid #1D2023;
}
.menu-button-left a
{
	float: left;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    color: #f1f5f5;
    padding: 12px 10px 0px 10px;
    line-height: 37px;
    border: 0px dotted #1D2023;    
}
.menu-button-left a:hover
{
    border-bottom: dotted 0px #1D2023;
    text-decoration: none;
    color: #c7321f;
    
}
.public-menu-section
{
    float: left;
    width: 100%;
    border: 0px solid #f1f5f5; 
    padding: 0; 
 
}
.public-menu-logo
{
    background: #1D2023 url(../images/ubqo_cms_icon.png) no-repeat left 0px;
    width: 40px;
    float: left;
}
.public-menu-section-left
{
    float: left;
    width: 310px;
    border: 0px solid #fff; 
    height: 100%;
    margin-top: 0px;    
    text-transform: uppercase;
    background-color: #1D2023;
}
.public-menu-section-right
{
    float: right;
    text-align: right;
    background-color: #1D2023;
    border: 0px solid #fff; 
    height: 100%;
    margin-top: 0px;    
    text-align: right;
    text-transform: uppercase;
}
.public-menu-button-left
{   
	float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;       
    border-left: 0px dotted #3C536F; 
    font-family: "freight-sans-pro", serif;
}
.public-menu-button-left a
{
	float: left;
    margin: 0px 8px 0px 8px;
    text-align: left;
    font-size: 0.8em;
    text-decoration: none;
    font-weight: 400;
    color: #f1f5f5;
    padding: 0px 4px 0px 4px;
    line-height: 22px;
    border-top: 0px solid #1D2023;
    font-family: "freight-sans-pro";
    text-transform: none;
}
.public-menu-button-special
{   
	float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;       
    border-left: 0px dotted #3C536F; 
    font-family: "freight-sans-pro", serif;
    text-transform: uppercase;
    
}
.public-menu-button-special a
{
	float: right;
    margin: 0px 8px 0px 8px;
    text-align: center;
    font-size: 0.8em;
    text-decoration: none;
    font-weight: 400;
    color: #b9b9b9;
    padding: 0px 4px 0px 4px;
    line-height: 22px;
    border-top: 0px solid #1D2023;
    font-family: "freight-sans-pro";
}
.public-menu-button-left a:hover, .public-menu-button-special a:hover
{
    border-top: solid 0px #d1d9d9; 
    color: #d1d9d9;   
    text-decoration: none;  
}

.public-menu-button-left-selected a, .public-menu-button-special-selected a
{
     color: #ffffff;
     border-top: solid 0px #d1d9d9;    
}

.menu-button-left img
{
    vertical-align: middle;
}

.little-title
{
    font-family: "freight-sans-pro";
    text-transform: uppercase;
    font-size: 1.0em;
    text-decoration: none;
    font-weight: 400;
    color: #9DABBC;
    line-height: 60px;
}

.selected
{    
    background: #1D2023;  
    border-top: 3px solid #c7321f;
	/*-moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    border: 0px solid #C3DADC;  */
}
.selected a
{        
	color: #c7321f;   	
}

.comment-body
{
    margin-bottom: 20px;
}
.review-title
{
    padding-bottom: 0px;   
}
.review-title a
{
    color: #1D2023;
    border: 0;
    text-decoration: underline;
}
.review-title a:hover
{
    background: #f1f5f5;  
    text-decoration: underline;
}
.form-processing 
{
	display: none;
}
.summary-indicator 
{
    margin: 8px 0px 0px 0px;
    text-align:center;
    height: 60px;	
}
.summary-processing 
{
    margin: 10px auto 0px auto;    
	display: none;
}
.border
{
    /*-moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;*/
}
.shadow 
{
    -moz-box-shadow: 0px 0px 4px #1D2023;
    -webkit-box-shadow: 0px 0px 4px #1D2023;
    box-shadow: 0px 0px 4px #1D2023;  
}
.login-title
{
	color: #1D2023;
	font-size:1.4em;
	line-height: 1.4em;
	font-weight: bold;    
    text-align: left;    
}
.beta-helper
{
	color: #1D2023;    
    text-align: left;    
}
.little-explanation
{
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
    color: #3C536F;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
    font-style: italic;
}
.delete-title
{
    color: #c7321f;
	font-size:20px;    
	font-weight: bold;    
    line-height: 20px;
    padding: 12px 0px 6px 0px;    
    text-align: left;    
}
.delete-notes
{    
    font-weight: bold;
    text-align: left;
    color: #c7321f;    
    padding: 0px;
    margin: 20px 0;
    font-style: normal;
}
.comments-textarea
{
    width: 90%;   
}
.review-textarea
{
    width: 90%;
}
.review-title-input
{
    width: 90%;
}
.kase-block
{
  width: 70px; 
  
}
.review-block
{
  width: 70px;
}
.comment-block
{
  width: 70px;
}
.external-comment-block
{
  width: 70px;
}
.kase-block div
{
  padding: 0px 2px 0px 2px;
  background-color: #3C536F; 
  color: #f1f5f5;  
  font-size: 0.9em;
  text-align: right;
}
.review-block div
{
  padding: 0px 2px 0px 2px;
  background-color: #9DABBC;   
  color: #f1f5f5;
  font-size: 0.9em;
  text-align: right;
}
.comment-block div
{
  padding: 0px 2px 0px 2px;
  background-color: #1D2023; 
  color: #f1f5f5;
  font-size: 0.9em;
  text-align: right;
}
.external-comment-block div
{
  padding: 0px 2px 0px 2px;
  background-color: #c7321f; 
  color: #f1f5f5;
  font-size: 0.9em;
  text-align: right;
}
.dashboard 
{
  font-size: 1.0em;
  width: 100%;
  border: 0;  
  border-collapse: collapse;
}

.dashboard td 
{
  padding: 5px;   
  border-top: solid 1px #e8eef4;
  border-left: solid 0px #e8eef4;
  border-right: solid 0px #e8eef4;
  border-bottom: solid 1px #e8eef4;
  background-color: transparent; 
}
.dashboard th
{
  padding: 6px 5px;
  border-top: solid 0px #e8eef4;
  border-left: solid 0px #e8eef4;
  border-right: solid 0px #e8eef4;
  border-bottom: solid 0px #e8eef4;
  background-color: transparent;
}
.right-side-dashboard 
{
  width: 100%;
  border: 0;  
  border-collapse: collapse;
}
.right-side-dashboard td 
{
  
  padding: 2px 4px 2px 4px;   
  border-top: solid 1px #e8eef4;
  border-left: solid 0px #e8eef4;
  border-right: solid 0px #e8eef4;
  border-bottom: solid 1px #e8eef4;
  background-color: #f1f5f5; 
}
.news-feed-dashboard 
{
  width: 95%;
  border: 0;  
  border-collapse: collapse;
}
.news-feed-dashboard td 
{  
  padding: 8px 4px 8px 4px;   
  border-top: solid 1px #e8eef4;
  border-left: solid 0px #e8eef4;
  border-right: solid 0px #e8eef4;
  border-bottom: solid 1px #e8eef4;  
}
.news-feed-description 
{
  padding: 8px 4px 8px 4px;    
  width: 60%;
}
.news-feed-dashboard-right
{       
    font-size: 0.9em;
    font-style: italic;
    color: #9DABBC;
    text-align: right;       
}
.news-feed-content
{
    text-align:left;
    width: 100%;
    font-size: 0.9em;
    color: #3C536F;
}
.news-feed-content a
{
    font-weight: bold;
}
.dashboard-right
{       
    font-size: 0.9em;
    font-style: italic;
    color: #9DABBC;
    text-align: right;       
}
.dashboard-right-header
{  
    text-align: right;
    font-size: 1.0em;
    color: #c7321f;
    text-transform:uppercase;
    font-weight: bold;
    border-top: dotted 0px #1D2023;
    border-bottom: dotted 0px #1D2023;
}
.dashboard a
{
	float: left;
    margin: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
    color: #1D2023;
    padding: 2px;
    border-bottom: dotted 0px #1D2023;
}
.dashboard a:hover
{
    border-bottom: dotted 0px #1D2023;
    text-decoration: underline;  
    background: #f1f5f5;  
}
.dashboard-right a
{
	text-align: right;     
	float: none;
	text-decoration: underline;
    font-weight: normal;
    color: #9DABBC;        
}
.dashboard-right a:hover
{
    border-bottom: dotted 0px #1D2023;
    text-decoration: underline;  
    background: #f1f5f5;  
}
.with-review
{
    width: 25px;
    background: #9DABBC url(../images/tag.png) no-repeat center center;
}
.no-review
{
    width: 25px;    
}
.right-side-dashboard a
{
	margin: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
    color: #3C536F;
    border-bottom: dotted 0px #1D2023;
}
.right-side-dashboard a:hover
{
    border-bottom: dotted 0px #1D2023;
    text-decoration: underline;  
    background: #b1cacc;  
}
.description
{
    text-align:left;
    width: 100%;
    font-size: 1.0em;
    color: #3C536F;
}
.detail
{
    text-align:left;    
    width: 100%;
    font-size: 0.8em;
    font-style: italic;
    color: #9DABBC;
}
.detail a
{
    color: #9DABBC;
}
.admin-column-1
{
    width: 30%;
}
.admin-column-2
{
    width: 50%;
}

.input-table
{
    border: solid 0px #e8eef4;
    border-collapse: collapse;
    width: 100%;
    background-color: #f1f5f5; 
    margin-top: 0px;
}
.input-table td
{
    padding: 2px 2px 2px 0px;   
    border: solid 0px #e8eef4;
    line-height:16px;
}
.input-table-label
{
    width:200px;
}
.input-table-subtitle td
{
    background-color: #f1f5f5;
    border-bottom: 1px solid #ccc;
}
.input-table-subtitle h4
{
    font-size: 1.0em;
    color: #1D2023;
    font-style: normal;
    line-height: 1.4em;
    text-decoration: none;
    padding: 0;
}
.input-table-spacer td
{
    background-color: #f1f5f5;
    height: 2px;
}
.report-table
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    width: auto;
    background-color: #ffffff; 
    margin: 10px 0px 30px 0px;
}
.report-table-left
{
    text-align: left;
    width: 200px;
    color: #3C536F;
    font-style: italic;
}
.report-table th
{
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4; 
    border: solid 1px #e8eef4;  
}
.report-table td
{
    padding: 6px 5px;
    border: solid 1px #e8eef4;
    text-align: right;
    line-height:16px;
}
.report-table-label
{
    width:200px;
}
.report-table-subtitle td
{
    background-color: #ffffff;
    border: 1px solid #DBE0E0;
}
.report-table-subtitle h4
{
    font-size: 1.0em;
    color: #3C536F;
    font-style: italic;
    line-height: 1.0em;
    text-decoration: none;
    padding: 0;
}
.report-table-spacer td
{
    background-color: #ffffff;
    height: 2px;
}
.summary-table
{
    border: solid 0px #e8eef4;
    border-collapse: collapse;
    width: 100%;
    background-color: #ffffff; 
    margin-top: 10px;
}
.summary-table td
{
    padding:1px;   
    border: solid 0px #e8eef4; 
    text-align: center; 
    width: 140px;   
}
.summary-table-button
{
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    margin: 1px;
    background-color: #9DABBC;
    border:1px solid #9DABBC;
    border-top:1px solid #9DABBC;
    border-left:1px solid #9DABBC;    
    font-size:1.0em;
    line-height:100%;
    text-decoration:none;
    font-weight:normal;
    color:#f1f5f5;
    cursor:pointer;
    padding: 4px;
    height: 78px;
}
.summary-table-button:hover
{
    background-color:#3C536F;
    border:1px solid #3C536F;
    color:#f1f5f5;
}
.summary-table-button-active
{
    background-color:#1D2023;
    border:1px solid #1D2023;
    color:#f1f5f5;
}
.summary-table-button-active:hover
{
   background-color:#1D2023;
    border:1px solid #1D2023;
    color:#f1f5f5;
}
.summary-table-button h4
{
    font-size: 1.0em;
    text-decoration: underline;
    color: #f1f5f5;
}
.summary-table-button span
{
    font-size: 0.9em;
    color: #f1f5f5;
}
.summary-result
{
    border-top: 1px solid #1D2023;
    border-bottom: 8px solid #1D2023;
    padding: 10px;
}
.clear
{
    clear: both;
}
.error
{
    color:Red;
}
.field-validation-error
{
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #c7321f;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;    
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    
}
.validation-summary-errors
{
    font-weight: bold;
    color: #c7321f;
}
.validation-summary-errors ul
{
    padding: 0px;
}
.validation-summary-errors li
{
    color: #c7321f;
    list-style:none outside none;
}
.validation-summary-valid
{
    display: none;
}
.about-you-right
{       
    font-size: 1.0em;
    font-style: italic;
    font-weight: normal;
    color: #9DABBC;
    text-align: right;       
}
.display-label, .editor-label, .display-field
{
    margin: 0.25em 0em 0.25em 0em;
    font-size: 1.0em;
}
.display-label, .editor-label
{    
    color: #999999;
    font-weight: bold;
    font-size: 0.8em;
    
}
.mandatory
{    
    border-color: #eeeeee #DBE0E0 #c7321f #eeeeee;
}
.editor-field
{
    margin: 0;
}
.editor-time
{
    margin: 0;
    width: 50px;
}
.editor-small-number
{
    margin: 0;
    width: 50px;
}
.display-field
{    
    color: #1D2023;    
    font-size: 1.0em;
}
.summary-label
{
    margin: 0em 0em 0em 0em;
    font-size: 1.0em;
    color: #aaaaaa;
    font-style:italic;
}
.summary-label a
{     
    color: #aaaaaa;
    border: 0;
    text-decoration: underline;    
}
.summary-text
{
    font-weight: normal;
    color: #aaaaaa;
}
.light
{
   
}
.plain
{
   background: #3C536F;
}
.full-page-spread
{
	width: 100%;
	margin:0px;
	line-height:18px;
	margin-top:10px;
	padding: 0px;
}
.editor 
{
  clear: both;
  min-height: 100px;
  margin: 5px 0;
  padding: 5px;
  border: 1px solid #acacac;
  outline: none;
  font-family: Georgia, Helvetica, Arial, sans-serif;
  /*font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;*/
  font-size: 1em;
}
.editor p 
{
  margin: 0;
}
.editor_toolbar .toolbar_button 
{
  float: left;
  margin: 2px 2px;
}
.editor_toolbar .selected 
{
  background:#c9cece;
}
.toolbar_button 
{
    float:left;
    height: 26px;
    padding: 0px 6px 0px 6px;
    margin: 0px;
    line-height: 26px;
    font-weight: normal;
    font-size: 0.8em;
    background:#dbe0e0;
    -webkit-border--radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    border: 0px;
    color: #3C536F;
}
.underline
{
    text-decoration: underline;
}
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;    
}
.accepted-cards
{
    padding-left: 80px;
    background: transparent url(../images/mc_vs_accpt_h_023_gif.gif) no-repeat center center;    
}
.new
{
    background: #9DABBC url(../images/pencil.png) no-repeat 10px center;
}
.create
{
    background: #9DABBC url(../images/pencil.png) no-repeat 10px center;
}
.cases
{
    background: #9DABBC url(../images/rolodex.png) no-repeat 10px center;
}
.save
{
    background: #9DABBC url(../images/settings-25.png) no-repeat 2px center;
}
.publish
{
    background: #9DABBC url(../images/bookmark-25.png) no-repeat 2px center;    
}
.draft
{
    background: #9DABBC url(../images/edit-25.png) no-repeat 2px center;
}
.download-button
{
    background: #3C536F url(../images/download_2-25.png) no-repeat 2px center;
    border:3px solid #3C536F;     
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "freight-sans-pro", serif;
}
.print-button
{
    background: #3C536F url(../images/print_25.png) no-repeat 2px center;
    border:3px solid #3C536F;     
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "freight-sans-pro", serif;
}
.back-button
{
    background: #3C536F url(../images/back_25.png) no-repeat 2px center;
    border:3px solid #3C536F;     
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "freight-sans-pro", serif;
}
.reset-button
{
    background: #3C536F url(../images/reload_25.png) no-repeat 2px center;
    border:3px solid #3C536F;     
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "freight-sans-pro", serif;
}
.bookmarked-button
{
    background: #3C536F url(../images/price_tag-25.png) no-repeat 2px center;
    border:3px solid #3C536F;     
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "freight-sans-pro", serif;
}
.decision-button
{
    background: #3C536F url(../images/medium_priority_25.png) no-repeat 2px center;   
    border:3px solid #3C536F;  
    color: #f1f5f5; 
    font-size:1em;
    line-height: 100%;
    width: 100%;
    text-transform: uppercase; 
    font-family: "freight-sans-pro", serif;          
}
.notbookmarked-button
{
    background: #dddddd url(../images/price_tag-25.png) no-repeat 2px center;
    border:3px solid #dddddd;  
    color: #1D2023; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase; 
    font-family: "freight-sans-pro", serif;          
}
.secured-button
{
    background: #c7321f url(../images/lock_filled-25.png) no-repeat 2px center; 
    border:3px solid #c7321f;        
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;  
    font-family: "freight-sans-pro", serif;  
}
.unsecured-button
{
    background: #dddddd url(../images/unlock-25.png) no-repeat 2px center;
    border:3px solid #dddddd;    
    color: #1D2023; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "freight-sans-pro", serif;
}
.public-button
{
    background: #c7321f url(../images/conference-25.png) no-repeat 2px center; 
    border:3px solid #c7321f;        
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;  
    font-family: "freight-sans-pro", serif;  
}
.not-public-button
{
    background: #dddddd url(../images/warning_shield-25.png) no-repeat 2px center;
    border:3px solid #dddddd;    
    color: #1D2023; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;
    font-family: "freight-sans-pro", serif;
}
.alphabetical-sort
{
    background: #c7321f url(../images/alphabetical_sorting_az-25.png) no-repeat 2px center; 
    border:3px solid #c7321f;        
    color: #f1f5f5; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase;  
    font-family: "freight-sans-pro", serif;
}
.hierarchical-sort
{
    background: #dddddd url(../images/generic_sorting2-25.png) no-repeat 4px center;
    border:3px solid #dddddd;  
    color: #1D2023; 
    font-size:0.8em;
    line-height: 100%;
    text-transform: uppercase; 
    font-family: "freight-sans-pro", serif;          
}
.create-review
{
    background: #9DABBC url(../images/stickynote.png) no-repeat 10px center;
}
.create-lookup
{
    background: #9DABBC url(../images/gear.png) no-repeat 10px center;
}
.save-account
{
    background: #9DABBC url(../images/user_male4-25.png) no-repeat 8px center;
}
.send
{
    background: #9DABBC url(../images/conference-25.png) no-repeat 2px center;
}
.export
{
    background: #9DABBC url(../images/download.png) no-repeat 8px center;
}
.save-payment
{
    background: #9DABBC url(../images/credit-card.png) no-repeat 6px center;
}
.logon
{
    background: #9DABBC url(../images/gear.png) no-repeat 6px center;
}
.signup
{
    background: #9DABBC url(../images/user_male4-25.png) no-repeat 2px center;
}
.warning
{
    background: #9DABBC url(../images/warning_shield-25.png) no-repeat 2px center;
}
.comment
{
    background: #9DABBC url(../images/group.png) no-repeat 2px center;
}


.tree {
    float: none;
    position: relative;
    padding: 0px;
    border: dashed 0px #cccccc;
    min-height: 400px;
}
.tree ul {
    list-style: none outside none;
}
.tree li a {
    line-height: 30px;
}
.tree > ul > li > a {
    display: inline-block;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}
.tree li.parent > a {
    padding: 0 0 0 28px;
    
}
.tree li.parent > a:before {
    background-image: url("../images/expander-2.png");
    background-position: 25px center;
    content: ""; 
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 2px;
    vertical-align: middle;
    width: 25px;
}
.tree ul li.active > a:before {
    background-position: 0 center;
}
.tree ul li ul {
    border-left: 1px solid #D9DADB;
    display: none;
    margin: 0 0 0 12px;
    overflow: hidden;
    padding: 0 0 0 25px;
}
.tree ul li ul li {
    position: relative;
}
.tree ul li ul li:before {
    border-bottom: 1px dashed #E2E2E3;
    content: "";
    left: -20px;
    position: absolute;
    top: 14px;
    width: 15px;
}



.tree-list
{	
	padding: 8px 0px 8px 0px;
}
.tree-list ul
{
	padding: 8px 0px 8px 0px;
}
.tree-list li
{
    color: #1D2023;
    /*padding: 0px;*/
    font-style: normal;
    list-style-type: none;
    line-height: 30px;
    
}
.tree-list-link
{
    
}
.tree-list-link-decision
{
    background-image: url('../images/flow_chart_25.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 30px;
}
.tree-list-link-normal
{
    background-image: url('../images/bookmark-25.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
    
    padding-left: 30px;
    
}
.tree-list-link-draft
{
    background-image: url('../images/edit-25.png');
    background-repeat: no-repeat;
    background-position: 0 4px;
}
.tree-list a
{
    display: inline-block;
    width: 100%;
    border-bottom: #e8eef4 solid 1px;
    /*background-color: #3C536F;
    color: #f1f5f5;*/
    line-height: 30px;  
    text-decoration: none;  
    font-weight: 600;
}

.tree-list ul li a
{
    border-bottom: #e8eef4 solid 1px;
    background-color: #f1f5f5;
    color: #3C536F;
    /*margin-left: 30px;
    padding-left: 14px;*/
    line-height: 30px;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.8em;
}

.tree-list ul li a:hover, .tree-list a:hover
{
    border-bottom: #9DABBC solid 1px;
    background-color: #f1f5f5;
    color: #9DABBC;
    
}










/* */
/* jquery specific styling */
.ui-menu {
	list-style:none;
	padding: 1px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .2em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
.ui-autocomplete
{ 
    position: absolute; 
    cursor: default; 
}	
.ui-autocomplete-input 
{ 
    background-color: #f1f5f5 
}
.ui-autocomplete-loading 
{
    background: #f1f5f5 url('../images/ajax-loader.gif') right center no-repeat;
}
* html .ui-autocomplete  
{
    width:1px; 
} /* without this, the menu expands to 100% in IE6 */
.ui-widget-overlay  
{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button  
{
    font-size: 1em; 
}
.ui-widget-content  
{
    border: 1px solid #aaaaaa; 
    background: #f1f5f5; 
    color: #1D2023;
}
.ui-widget-content a  
{
    color: #1D2023; 
}
.ui-widget-header  
{
    border: 1px solid #C3DADC; 
    background: #C3DADC; 
    color: #1D2023; 
    font-weight: bold; 
}
.ui-widget-header a  
{
    color: #1D2023; 
}
.ui-widget :active  
{
    outline: none;
}
.ui-corner-all  
{
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default  
{
    border: 1px solid #d3d3d3; 
    background: #f1f5f5 50% 50% repeat-x; 
    font-weight: normal; 
    color: #555555; 
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited  
{
    color: #555555;
    text-decoration: none; 
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus  
{
    border: 1px solid #d8f0f2; 
    background: #d8f0f2; 
    font-weight: normal; 
    color: #1D2023; 
}
.ui-state-hover a, .ui-state-hover a:hover  
{
    color: #212121; 
    text-decoration: none; 
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active  
{
    border: 1px solid #aaaaaa; 
    background: #C3DADC 50% 50% repeat-x; 
    font-weight: normal; 
    color: #212121; 
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited  
{
    color: #212121; 
    text-decoration: none; 
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  
{
    border: 1px solid #fcefa1; 
    background: #fbf9ee; 
    color: #363636; 
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a  
{
    color: #363636; 
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error 
{
    border: 1px solid #cd0a0a; 
    background: #fef1ec; 
    color: #cd0a0a; 
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a  
{
    color: #cd0a0a; 
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text  
{
    color: #cd0a0a; 
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary  
{
    font-weight: bold; 
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary  
{
    opacity: .7; 
    filter:Alpha(Opacity=70); 
    font-weight: normal; 
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled  
{
    opacity: .35; 
    filter:Alpha(Opacity=35); 
    background-image: none; 
}
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #CCCCCC;
    color: #3C536F;
    font-weight: bold;
    outline: medium none;
}