/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color:#F8F7E5;
    background-image: url('/Content/images/bg-degraded-body.png');
    background-position:center top;
    background-repeat:no-repeat;
    font-size: .75em;
    font-family: Georgia, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000;
}

img 
{
    border:0;
}

h1, h2, h3, h4 
{
    margin:0;
    padding:10px;
}

h2 
{
     color:#FFFFFF;
    padding:3px 10px 3px 10px;
    margin:0 10px 15px;
    line-height:30px;
    background-color:transparent;
    font-size:1.5em;
    font-weight:normal; 
    background-image: url('/Content/images/bg-h2.gif');
    background-position:0 0;
    background-repeat:no-repeat;
}

p 
{
    margin:0;
    padding:5px 10px;
}

ol 
{
    margin:0 10px;

}
ol li
{
    margin:0px 0px;
    padding:5px 0;
    list-style-position:outside;
    list-style-type:decimal;
}


.right 
{
    float:right;
}

.ContentWrapper 
{
    border-left:2px solid #990000;
    border-right:2px solid #990000;
}
.ContentWrapperEndCap 
{
    height:12px;
    background-image: url('/Content/images/bg-end-cap.png');
    background-repeat: no-repeat;
} 

div#container {
    color:#000000;
    margin-left:auto;
    margin-right:auto;
    width:772px;
    padding:0 11px 0px 11px;
}

.header {
    color:#000000;
    height:210px;
    margin-bottom:0!important;
    padding:0;
    position:relative;
}

#daysRemaining

{
    background-image:url(/Content/Images/days-remaining.gif);
    background-position:center top;
    background-repeat:no-repeat;
    color:#990000;
    float:right;
    font-size:2.5em;
    margin-right:30px;
    margin-top:30px;
    padding:30px 0 0;
    width:480px;
    text-align:center;
}
.FlashPlayer {
    padding:10px;
    background-color:#990000;
    margin:0 10px 10px;
}
.CommentPanel {
    border:1px solid #CCCCCC;
    float:left;
    width:495px;
    padding:10px 10px 0;
    margin:0 10px 10px;
    background-color:#F9F9EA;
    background-image:url('/Content/Images/bg-comment-panel.png');
    background-repeat:no-repeat;
    background-position:right bottom;
}

.CommentPanel h2 {
    background:#990000;
    padding:10px 10px 10px 35px;
    color:#FFFFFF;
    font-weight:normal;
    margin:0px;
    background-image:url('/Content/Images/icon-comment.jpg');
    background-repeat:no-repeat;
    background-position:5px center;
    font-size:1.2em;
}

.AboutPanel 
{
    border:1px solid #CCCCCC;
    float:left;
    width:200px;
    padding:10px!important;
    background-color:#FFFFFF;
    background-image:url('/Content/Images/bg-about-panel.png');
    background-repeat:repeat-x;
    background-position:0 bottom;
}

.AboutPanel p 
{
    margin:0;
    padding:5px 0;
}
.AboutPanel  h2 {
    background:#990000;
    padding:10px 10px 10px 35px;
    color:#FFFFFF;
    font-weight:normal;
    margin:0 0 10px 0;
    background-image:url('/Content/Images/icon-info.jpg');
    background-repeat:no-repeat;
    background-position:5px center;
    font-size:1.2em;
}

.RelatedConsultationsPanel h3, .TakeSurvey h3 
{
    width:180px!important;
}


.RelatedPanel
{
    background:#990000;
    padding:10px;
    color:#FFFFFF;
    font-weight:bold;
    margin:0 10px 10px;
}

.RelatedResourcesPanel {
    background-color:#990000;
    padding:5px;
    margin:0 10px 0px;
}
.RelatedResourcesPanel h2 
{
    color:#FFFFFF;
    padding:5px 5px 5px 30px;
    margin:0 5px;
    background-image:url('/Content/Images/icon-resource.png');
    background-repeat:no-repeat;
    background-position:0 center;
    float:left;
    line-height:40px;
}

.RelatedResourcesPanel p 
{
    line-height:53px;
    padding:0 0 0 0;
    margin:0 0 0 10px;
    color:#FFFFFF;
    font-weight:bold;
}

.RelatedResources 
{
    margin:0 0px 0 12px;
    padding:0;
}

.DegradedResource {
    border:0;
    float:left;
    height:300px;
    margin:10px 15px 0px 0;
    width:237px;
    background-image:url('/Content/Images/bg-degraded-resource-panel.png');
    background-repeat:no-repeat;
    background-position:0 0;
    position:relative;
 }
 
.DegradedResource .SmallLink 
 {
     position:absolute;
     bottom:7px;
     left:89px;
 }
 
.DegradedResource h3 {
   color:#FFFFFF;
   padding:10px;
   margin:0 12px;
   font-size:1em;
 }
 
.DegradedResource img {
   margin:0 0px;
   position:absolute;
   left:19px;
   top:60px;
 }
 
.comment 
{
    border:0px solid #CCCCCC;
    padding:0px;
    margin-bottom:10px;
   /* width:220px;
    float:left;*/
    background-color:transparent;
}

.comment p
{
    margin:0 0 5px;
}


.comment input
{
    margin:0 0 0px;
    padding:0 2px;
    border:0;
    background-image:url('/Content/Images/bg-button-small.gif');
    background-repeat:no-repeat;
    background-position:0 0;
    color:#FFFFFF;
    background-color:Transparent;
    width:70px;
    height:25px;
    line-height:25px;
    cursor: pointer;
}

.comment input:hover
{
    background-position:0 -25px;
    color:#DDDDDD;
}

.negative input 
{
    background-image:url('/Content/Images/bg-button-small-alt.gif');
    background-repeat:no-repeat;
    background-position:0 0;
}

.commentTop 
{
    height:10px;
}

.commentBottom 
{
    height:20px;
}

.commentContent 
{
    padding:0px 10px 0;
}

.negative .commentTop 
{
    background-image:url('/Content/Images/bg-comment-top-negative.gif');
    background-repeat:no-repeat;
    background-position:0 center;
}

.negative .commentBottom 
{
    background-image:url('/Content/Images/bg-comment-bottom-negative.gif');
    background-repeat:no-repeat;
    background-position:0 center;
}

.negative .commentContent 
{
    background-color:transparent;
    color:#FFFFFF;
    background-image:url('/Content/Images/bg-comment-bottom-negative.gif');
    background-repeat:no-repeat;
    background-position:0 bottom;
    padding-bottom:20px;
}

.positive .commentTop 
{
    background-image:url('/Content/Images/bg-comment-top-positive.gif');
    background-repeat:no-repeat;
    background-position:0 center;
}


.positive .commentContent 
{
    background-color:transparent;
    color:#006600;
    background-image:url('/Content/Images/bg-comment-bottom-positive.gif');
    background-repeat:no-repeat;
    background-position:0 bottom;
    padding-bottom:20px;
}

.positive input 
{
    background-image:url('/Content/Images/bg-button-small.gif');
    background-repeat:no-repeat;
    background-position:0 0;
}

.AddComment 
{
    height:165px;
    background-image:url('/Content/Images/bg-add-comment.gif');
    background-repeat:no-repeat;
    background-position:0 0;
    position:relative;
}

.AddComment form, .AddComment fieldset 
{
    border:0;
}

.FormItem 
{
    float:left;
    width:70%;
}

.FormItem input, .FormItem textarea 
{
    width:100%;
    margin:5px 0;
}

.AddComment input#degradedConsultationDisplay_NewCommentText 
{
    height:50px;
}

.SubFormItemLeft
{
    width:45%;
    float:left;
}
.SubFormItemRight
{
    width:47%;
    float:Right;
}

.SubmitFormItem 
{
    position:absolute;
    bottom:32px;
    right:13px;
}

input.SubmitPositive, input.SubmitNegative 
{
    background-image:url('/Content/Images/bg-submit-negative-positive.png');
    background-repeat:no-repeat;
    width:60px;
    height:60px;
    background-color:Transparent;
    border:0;
    cursor:pointer;
    color:transparent;
}
input.SubmitPositive 
{
 background-position:0 0;
}
input.SubmitPositive:hover
{
 background-position:0 -60px;
}

input.SubmitNegative 
{
  background-position:-60px 0;
}
input.SubmitNegative:hover 
{
  background-position:-60px -60px;
}

.RelatedConsultationsPanel h3, .TakeSurvey h3
{
    height:25px;
    background-image:url('/Content/Images/bg-h3.png');
    background-position:0 0;
    background-repeat:no-repeat;
    padding:0 0 0 20px;
    font-size:1.1em;
    line-height:25px;
    color:#fff;
    margin:10px 0 5px;
    
}

.RelatedConsultationsPanel p 
{
    padding:5px 0;
    margin:0;
}

.RelatedConsultationsPanel p a
{
    padding:0 0 5px 10px;
    display:block;
    margin:0 0 0 20px;
    color:#990000;
    text-decoration:none;
    background-image:url('/Content/Images/bg-link.gif');
    background-position:0 7px;
    background-repeat:no-repeat;
}

.RelatedConsultationsPanel p a:hover
{
    color:#000000;
    text-decoration:Underline;
}

a.SmallLink  
{
    padding:0 0;
    height:20px;
    width:55px;
    line-height:20px;
    text-align:center;
    font-weight:normal;
    color:#000000;
    background-image:url('/Content/Images/bg-small-link.png');
    background-position:0 0px;
    background-repeat:no-repeat;
    display:block;
    text-decoration:none;
    font-family:Arial, Helvetica, Sans-Serif;
    
}
a.SmallLink:hover  
{
    background-position:0 -20px;
}



a.LargeLink  
{
    padding:0 0;
    margin-top:10px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-weight:normal;
    color:#000000;
    background-image:url('/Content/Images/bg-large-link.gif');
    background-position:0 0px;
    background-repeat:no-repeat;
    display:block;
    text-decoration:none;
}

a.LargeLink:hover 
{
    background-position:0 -40px;
    color:#333333;
}


.SubmitPositive, .SubmitNegative 
{
	font-size:0;
	line-height:0;
	text-indent: -10em;
}

.ConsultationwWrapper 
{
    margin:0 10px;

}

.ConsultationList ul 
{
    margin:0;
    padding:0 10px 1px;
}

.ConsultationList ul li
{
    margin:9px 0 0px 0;
}

.ConsultationItem 
{
    border:1px solid #DDDDDD;
    margin-top:10px;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ConsultationItem h2
{
    color:#FFFFFF;
    padding:3px 3px 3px 30px;
    *padding-left:10px;
    margin:0 135px 0 170px;
    background-image:url('/Content/Images/link-big red.gif');
    background-repeat:no-repeat;
    background-position:10px center;
    line-height:30px;
    background-color:#990000;
    font-size:1.3em;
    font-weight:normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
}



.ConsultationItem h2 a
{
    text-decoration:underline;
    color:#fff;
}

.ConsultationItem h2 a:hover 
{
    text-decoration:none;
    color:#FFCC00;
   
}

 .ConsultationItem h2 a:visited, #survey h2 a:visited  
 {
    color:#ffCC00;
    text-decoration:underline;
 }


.ConsultationThumb
{
    float:left;
    background-image:url('/Content/Images/bg-vid-thumb.png');
    background-repeat:no-repeat;
    width:160px;
    height:120px

}

.ConsultationThumb img
{
    width:140px;
    height:100px;
    border:0;
    margin:10px;
}

ul.ConsultationStats 
{
    float:right;
    width:124px;
    height:124px;
    margin:0;
    padding:0;
    background-color:transparent;
}

ul.ConsultationStats li
{
    float:left;
    width:60px;
    height:60px;
    text-align:center;
    background-image:url('/Content/Images/bg-stats.png');
    background-repeat:no-repeat;
    margin:1px;
    color:#fff;
    font-size:1.6em;
    font-weight:bold;
}
ul.ConsultationStats li.Stat1 
{
    background-position:0 0;
}

ul.ConsultationStats li.Stat2 
{
    background-position:-60px 0;
}

ul.ConsultationStats li.Stat3 
{
    background-position:0 -60px;
}

ul.ConsultationStats li.Stat4 
{
    background-position:-60px -60px;
    color:#333;
}
ul.ConsultationStats li.Stat4 span
{
    color:#333;
}



ul.ConsultationStats li span
{
    font-weight:bold;
    color:#fff;
    display:block;
    font-family:Arial;
    padding-top:5px;
    font-size:.5em;
}


p.ConsultationDescription,  .ConsultationItem p
{
    margin:5px 135px 0 170px;
    padding:0 0 0 0;   
}

.Campaign 
{
    margin:-6px 0px 0px 0px;
}

.Campaign img
{
    border:0;
}

.footer {
color:#000000;
margin-bottom:0;
padding:0;
position:relative;
background-color:Transparent;
}

.footer p 
{
    margin:0;
    padding:10px 10px 0;
}

.SliverlightLink 
{
    float:right;
    margin-right:-10px;
}

.Choose 
{
    height:220px;
    width:750px;
    background-image:url('/Content/Images/bg-choose.gif');
    background-repeat:no-repeat;
    margin:0 10px 0px;
    padding:10px;
}

.Choose h2, .Choose p 
{
    margin-left:275px;
}
.Choose h2
{
    font-size:2em;
    background-image:none;
    color:#990000;
    margin-top:60px;
    padding:0;
}

.Choose h2 a, .Choose p a  
{
    color:#990000;
}

.Choose h2 a:hover, .Choose p a:hover
{
    color:#FFCC00;
}
.Choose p
{
    font-size:1.4em;
    background-image:none;
    padding:0 0 0 22px;
    color:#990000;
    background-image:url('/Content/Images/link-small-red.png');
    background-repeat:no-repeat;
    background-position:0 center;
}