/* Theme settings */
    body{background-image:url(./Images/Polls/bkg.gif);}
    .pollTitle, #pollQuestionTitle{background-image:url(./Images/Polls/CommandBarBack.png)}
    .pollTitleIcon{background-image: url(./Images/Polls/pollsIcon.png);}
    .pollTitleText{color:#eee !important}
    #chartPoweredBy{background-image:url(./Images/Polls/spinner.gif);}
    .pollPoweredBy{background-image:url(./Images/Polls/spinner.gif);}    
    .PollListRefreshButton{background-image:url(./Images/Polls/refresh.png);}

	body
	{
		color:#333;
		background-color:#ccc;
		margin:0;
		padding:10px;
		font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	a:link, a:visited
	{
		color:#333;
		text-decoration:underline;
	}
	a:hover
	{
	    color:#000;
		text-decoration:underline;
		
	}

	li
	{
	    COLOR: Black;
		FONT-SIZE: 10px;
		FONT-WEIGHT: normal;
		TEXT-ALIGN: left;
		MARGIN-LEFT: -25px;
	}
	
	legend
	{
		color:#333;
	}
    
    h1
    {
        font-size:12px;
        font-weight:bold;
        margin:.7em 0 .3em;
    }
    
    .pollContent
    {
        background-position:top;
        background-repeat:repeat-x;
    }

    /* Show Poll Specific CSS */
        
    #pollQuestionTitle
    {   
        position: relative;
        background-repeat: repeat-x;
        border: solid 1px #a2a2a2;
        text-align: right;
    }
    
    .pollQuestionError
    {
        color: #F00;
        text-align:right;
        padding: 0px 3px 0px 0px;
        height: 14px;
    }  
    
    .pollQuestionContainer{background-color: #fff; border: solid 1px #999; border-top:0px; padding-top: 4px;}
    .pollQuestionRadio tbody tr td input    {margin:0px 4px 0px 2px; position:relative; top:2px;}
    .pollQuestionRadio tbody tr td label    {margin:0px 0px 0px 0px; position:relative; left:0px;}
    .pollQuestionRadio tbody tr td label:first-line {margin:0px 0px 0px 10px; position:relative; font-variant:small-caps;}
    .pollQuestionText { padding:5px;}
    .pollResultGraphics {position:relative; }
    
    #pollQuestionButtonContainer{padding-top:2px;}

    /* Poll List Specific CSS */
        
    .PollListButtonLabel
    {
        cursor: pointer;
        vertical-align: middle;
    }
    
    #PollListList
    {
        position: inherit;
        margin-top: 30px;
        margin: 4px 8px 15px 8px;
        border-left: solid 1px #a2a2a2;
        border-right: solid 1px #a2a2a2;
        border-bottom: solid 1px #a2a2a2;
    }    
    
    .pollGridListHeaderStyle
    {
        font-size: 11px;
        background-color: #a2a2a2;
    }
    
    .pollToolbar
    {
        position: relative;
        height:21px;
        background-color: #fafafa;
        background-repeat: repeat-x;
        background-position: bottom;
        border-bottom: solid 1px #d2d2d2;
        border-right: solid 1px #a2a2a2;
        border-left: solid 1px #a2a2a2;
        padding: 0px 0px 0px 0px;
        text-align: right;
        border-top: solid 1px a2a2a2#;
    }
             
    .PollListRefreshControls
    {
        position: absolute;
        right: 0px;
        z-index: 1;
        top:0px;
        height: 21px;
        vertical-align:top;
    }    
    
    #PollControlRefreshButton
    {
        width: 20px;
        height: 17px;
        position: relative;        
        right: 220px;
        float:right;
        vertical-align:top;
        top: 0px;
        border: solid 0px;
    }
    
    #PollControlRefreshButton input
    {
        top:2px;
        right: 0px;
        position: absolute;
    }
    
    .PollListRefreshInterval
    {
        background-color: #fff; 
        border: solid 1px #a2a2a2;
		font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #333;
		vertical-align:top;
        position: relative;
        top: 1px;
        right: 1px;
    }
        
    .PollListRefreshControls label
    {
        top: 3px;
        position: relative; 
    }
    
    .PollListRefreshButton
    {
		background-color: #FAFAFA;	
		border: none;
		height: 16px;
		width: 20px;
        cursor: pointer;
	}
        
    #checkBoxAutoRefresh
    {
         top: 0px;
         position: relative;
         vertical-align: top;
    }
     
    .pollPoweredBy
    {
        height: 22px;
        width: 83px;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 1;
        float: right;
    }
    
    #PollTimestamp
    {
        color:#777;
        font-size:10px;
        font-weight:normal;
        float:right;
        position:relative;
        top: 2px;
    }
    
     .PollGridHeader
     {
        border: solid 1px #BBB;
        font-weight: bold;
     }
    .PollGridHeader, .PollGridHeader td
    {
        background-color:#DDD;
        color:#333;
        font-size:11px;
        border-right: solid 0px transparent;
        border-top: solid 1px #a2a2a2;
        border-bottom: solid 1px #c2c2c2;
    }
    
    .PollGridItem, .PollGridAltItem{vertical-align:top;color:#000;}    
    .PollGridItem   {background-color:#eee;}
    .PollGridAltItem{background-color:#fafafa;}
    a.PollItemDisabled{color: #888;text-decoration: none;}
    
    /* Poll Results Specific CSS */
    .chartContainer{background-color: #fff;}
    .chartHeading{border: solid 1px #a2a2a2; z-index:10; position:relative;}
    .chartChart
    {        
        border-left: solid 1px #a2a2a2;
        border-right: solid 1px #a2a2a2;
        border-bottom: solid 1px #a2a2a2;
        height: 220px;
    }
    
    #pollChartContainer
    {
        height: 250px;
        position: relative;
        top: 0px;
    }
    
    #imageChartBar
    {
        position: relative;
        left: 70px;
        top: 20px;
        z-index: 2;
    }
    
    #imageChartPie
    {
        position: absolute;
        right: 1px;
        top: 10px;
        z-index: 1;
    }
    
    .pollTitle
    {
        font-size:14px; 
        font-weight:bold;
        height:22px;
        background-repeat:repeat-x;        
        text-align: left;
    }    
    
    .pollTitleIcon
    {
        background-repeat: no-repeat;
        height: 22px;
        width: 18px;
        position: relative;
        left: 4px;
        top: 0px;
        float: left;
        padding-right: 4px;
    }
    
    .pollTitleText
    { 
        padding-left:5px;
    	position:relative;
		top:3px;
		color: #ddd;
    }
    
    .chartType
    {
        text-align: right;
        color:#555;
        padding: 2px 2px 2px 0px;        
    }
    
    #pressureDiv
    {
        width:200px;
    }
    
    .chartTypeContent
    {
        text-align: right;
        right:0px;
        position: relative
    }
    
    
    #chartPoweredBy
    {
        height: 23px;
        width: 81px;
        position: relative;
        right: 0px;
        z-index: 3;
        bottom: 20px;
        float: right;
    }
        
    .chartSubTitle
    {
        margin-top: 2px;
        margin-bottom: 2px;
    }
    
    .chartLegendContainer
    {
        margin:0px 0px 4px 0px;
    }
    
    .chartLegendTable
    {
        border:1px solid black; 
        background-color:white;
        position:relative;
        
    }
    
    .chartLegendTitle
    {
        border-bottom: solid 1px #999;
        background-color: #f8f8f8;
        font-size: 11px;
    }
    
    .chartLegendItemColorSwatchCell
    {
        vertical-align: top;
        border-bottom:1px solid #ddd;
    }
    
    .chartLegendItemColorSwatch
    {
        border:1px solid #333; 
        width:12px; 
        height:12px;
        vertical-align:top;
    }
    
    .chartLegendItemDisplayText
    {
        padding-right:5px; 
        border-bottom:1px solid #ddd;
        vertical-align: top;
    }
   
   .chartLegendItemRespondents
   {
        border-left:1px solid #ddd; 
        border-bottom:1px solid #ddd;
        vertical-align: bottom;
        text-align: right;
   }
   
   .chartLegendItemPercentage
   {
        border-bottom:1px solid #ddd;
        vertical-align: bottom;
        text-align: right;
   }
   
   .chartLegendFooterRow
   {
        background-color:#f8f8f8;
   }
   
  .chartLegendFooterTotalText
  {
        text-align:right;
  }
   
  .backButtonContainer{text-align: right;}