ULL-ETSII-Alu3177-Quiz 0.1.2

data/.gitignore

@@ -0,0 +1,5 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+html/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in ULL-ETSII-Alu3177-Quiz.gemspec
+gemspec

data/README.md

@@ -0,0 +1,58 @@
+# ULL::ETSII::Alu3177::Quiz
+
+# Práctica 13: DSL: Redacción de Cuestionarios II (Usando Contexto)
+# `W.I.P: Work In Progress`
+## Enunciado
+Se trata de escribir un programa que redacte cuestionarios. En principio, sólo soportaremos preguntas del tipo selección múltiple:
+
+    1 - ¿En que año Cristóbal Colón descubrió América?
+        1. 1942
+        2. 1492
+        3. 1808
+        4. 1914
+        Su respuesta:
+
+Debe definir una clase __Quiz__ que soporte un pequeño lenguaje en el que las preguntas puedan ser especificadas. El constructor de __Quiz__ va seguido de un bloque, en el que mediante el DSL se especifican las preguntas y respuestas.
+
+    quiz = Quiz.new("Cuestionario de PFS 10/12/2011"){
+        question ’¿En que añoo Cristóbal Colón descubrió América?’,
+            wrong =>’1942’,
+            right =>’1492’,
+            wrong =>’1808’,
+            wrong =>’1914’
+
+        a = rand(10)
+        b = rand(10)
+
+        question "#{a}+#{b} = ",
+            wrong =>"44",
+            wrong =>"#{a + b + 2}",
+            right =>"#{a + b}",
+            wrong =>"#{a + b - 2}"
+    }
+    quiz.run
+    
+## Exportación HTML
+Mediante el método `to_html` de la clase _Quiz_ crea un directorio llamado 'html' y en su interior se construye un fichero con el test. Se incluyen además los ficheros de estilo e implementación JavaScript.
+
+La página construída representa cada pregunta y sus posibles respuestas y además permite evaluar si son correctas o no (mostrando individualmente el resultado de cada respuesta) mediante el uso de javascript.
+
+## Objetivos
+- Escriba un método `to_html` que genere una página describiendo el examen. `Use ERB`
+- Opcionalmente puede incluir hojas de estilo, javascript, etc. en el HTML  generado
+- Use TDD con RSpec
+- Use Unit Testing
+- Use Continuous Integration (Travis)
+- Use Continuous Testing (Guard)
+- Documente su gema véase `RDOC::Markup o RDOC o YARD`
+- Cree una gema `ull-etsii-aluXX-quiz`
+- Publique la gema en RubyGems.org
+- Indique la URL de su repositorio en GitHub y la URL en RubyGems.org
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/ULL-ETSII-Alu3177-Quiz.gemspec

@@ -0,0 +1,26 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "ULL-ETSII-Alu3177-Quiz/version"
+
+Gem::Specification.new do |s|
+  s.name        = "ULL-ETSII-Alu3177-Quiz"
+  s.version     = ULL::ETSII::Alu3177::Quiz::VERSION
+  s.authors     = ["Fernando González López-Peñalver"]
+  s.email       = ["alu0100256543@ull.edu.es"]
+  s.homepage    = ""
+  s.summary     = %q{Práctica: DSL: Redacción de Cuestionarios II (Usando Contexto)}
+  s.description = %q{Generador de custionarios. Permite crear custionarios mediante un DSL simple. Además se podrán ejecutar estos cuestionarios via consola o generar un documento html encargado de mostrar y corregir los tests.}
+
+  s.rubyforge_project = "ULL-ETSII-Alu3177-Quiz"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_development_dependency "rspec"
+  s.add_development_dependency "guard"
+  s.add_development_dependency "guard-rspec"
+  s.add_development_dependency "rdoc"
+  s.add_runtime_dependency "colorize"
+end

data/bin/quiz_main.rb

@@ -0,0 +1,53 @@
+#encoding: UTF-8
+require 'ULL-ETSII-Alu3177-Quiz'
+include ULL::ETSII::Alu3177::Quiz
+
+quiz = Quiz.new("Lenguajes y Paradigmas de Programación: Temas 1 y 2") {
+    question "¿Cómo se pueden ver los valores de una configuración git?",
+        right => "git config -l",
+        wrong => "git list config",
+        wrong => "git config -a",
+        wrong => "git config ls"
+    question "¿Cómo se crea un repositorio git?",
+        wrong => "git initialize",
+        wrong => "git start",
+        right => "git init",
+        wrong => "git new"
+    question "¿Cómo se añaden cambios para que estén bajo el control de git?",
+        wrong => "git update filename",
+        wrong => "git include filename",
+        right => "git add filename",
+        wrong => "git require filename"
+    question "¿Cómo se ve el estado de mis ficheros con respecto al repositorio?",
+        wrong => "git list",
+        wrong => "git file status",
+        wrong => "git diff",
+        right => "git status"
+    question "¿Es correcto escribir subguiones en un número (por ejemplo: 1_000_000)?",
+        right => "Sí",
+        wrong => "No"
+    question "¿Qué opción hay que pasarle a git commit para especificar el mensaje de log y evitar que abra el editor?",
+        wrong => "-n",
+        wrong => "-n \"Texto\"",
+        wrong => "-m",
+        right => "-m \"Texto\""
+    question "¿Qué opción hay que pasarle a git commit para que añada todos los cambios efectuados en ficheros rastreados (tracked)?",
+        right => "-a",
+        wrong => "-c",
+        wrong => "-h",
+        wrong => "-p"
+    question "Qué indica el prefijo/sufijo? $",
+        right => "Variable global",
+        wrong => "Variable de clase",
+        wrong => "Variable de instancia"
+    question "Qué indica el prefijo/sufijo? @",
+        wrong => "Variable global",
+        wrong => "Variable de clase",
+        right => "Variable de instancia"
+    question "Qué indica el prefijo/sufijo? @@",
+        wrong => "Variable global",
+        right => "Variable de clase",
+        wrong => "Variable de instancia"
+}
+
+quiz.to_html

data/lib/ULL-ETSII-Alu3177-Quiz/ULL-ETSII-Alu3177-Quiz.rb

@@ -0,0 +1,175 @@
+#encoding: UTF-8
+require "ULL-ETSII-Alu3177-Quiz/version"
+require 'colorize'
+require 'erb'
+
+module ULL
+  module ETSII
+    module Alu3177
+      module Quiz
+
+        WRONG = false
+        RIGHT = true
+
+        # Clase que permite la construcción de cuestionarios tipo test mediante un DSL
+        class Quiz
+            attr_accessor :name, :questions
+
+            # Recibe el nombre del test y un bloque con las preguntas y sus respuestas
+            #
+            # Ejemplo de uso:
+            #   quiz = Quiz.new("Test 1"){
+            #     question "Pregunta 1",
+            #       wrong => "Respuesta incorrecta 1",
+            #       wrong => "Respuesta incorrecta 2",
+            #       wrong => "Respuesta incorrecta 3",
+            #       right => "Respuesta correcta"
+            #   }
+            def initialize(name, &block)
+                @counter = 0
+                @aciertos = 0
+                @name = name
+                @questions = []
+
+                instance_eval &block
+            end
+
+            # Pregunta incorrecta
+            #
+            # Avoid collisions
+            def wrong
+                @counter += 1
+                [@counter, WRONG]
+            end
+
+            # Pregunta correcta
+            def right
+                :right
+            end
+
+            # Método que recibe el título <em>title</em> de la pregunta y una serie de
+            # parámetros como respuestas
+            def question(title, anss)
+                answers = []
+
+                anss.each do |ans|
+                    a = Answer.new(ans)
+                    answers << a
+                end
+
+                q = Question.new(title, answers)
+                questions << q
+            end
+
+            # Ejecuta el test por consola. Presenta cada pregunta y las posibles respuestas.
+            # Al final muestra los resultados.
+            def run
+                aciertos = 0
+                puts name
+                questions.each do |q|
+                    puts q
+                    print "Su respuesta: "
+                    resp = gets.chomp.to_i
+                    raise IndexError, "Answer must be between 1 and #{q.answers.size}." unless resp <= q.answers.size and resp > 0
+                    if q.answers[resp-1].state
+                        puts "Correcto!".colorize(:light_green)
+                        @aciertos += 1
+                    else
+                        correcta = q.answers.select { |ans| ans.state }.first
+                        puts "Fallo, la respuesta correcta era #{correcta}".colorize(:red)
+                    end
+                    puts
+                end
+                puts "Has acertado el #{(@aciertos/questions.size.to_f)*100}% de las preguntas [#{@aciertos} de #{questions.size}]."
+            end
+
+            # Representación visual de un Test en forma de String.
+            def to_s
+                out = name + "\n"
+                questions.each do |q|
+                    out << "#{q}\n"
+                end
+                out
+            end
+
+            # Genera el test en formato html.
+            # Dicho test es totalmente funcional, permitiendo la selección de respuestas y
+            # la corrección de las mismas
+            def to_html
+                # SetUp del fichero de salida
+                if not Dir.exist? "html"
+                    # Copiamos el directorio html con los ficheros básicos
+                    require 'fileutils'
+                    FileUtils.cp_r File.expand_path(File.dirname(__FILE__)) + '/html', 'html'
+                end
+                # Generamos HTML
+                htmlFile = File.new("html/#{name.gsub(/[\ \\\/:]/, '_')}.html", "w")
+                raise IOError, 'Can\'t access to html output file' unless htmlFile
+                # Generamos JavaScript
+                jsFile = File.new("html/js/quiz.js", "w")
+                raise IOError, 'Can\'t access to javascript output file' unless jsFile
+                
+                # Construimos los ERB y los escribimos en los ficheros
+                require 'templates'
+                rhtml = ERB.new(HTML_TEMPLATE)
+                htmlFile.syswrite(rhtml.result(binding))
+                htmlFile.close
+                
+                rjs = ERB.new(JAVASCRIPT_TEMPLATE)
+                jsFile.syswrite(rjs.result(binding))
+                jsFile.close
+                
+                
+            end
+
+        end
+
+        # Clase que representa una de pregunta a un test.
+        class Question
+            attr_accessor :answers, :title
+            # Recibe un título <em>title</em> de la pregunta y el resto de parámetros son las
+            # posibles respuestas.
+            def initialize(title, anss)
+                raise ArgumentError, "Title has to be a String, got #{title.class}" unless title.is_a? String
+                @title = title
+                @answers = anss
+            end
+
+            # Representación visual de una pregunta en forma de String.
+            def to_s
+                out = "# #{@title}".colorize(:light_blue) + "\n"
+                i = 1
+                answers.each do |a|
+                    out << "  [#{i}] #{a}\n"
+                    i += 1
+                end
+                out
+            end
+        end
+
+        # Clase que representa las respuestas a preguntas de un test.
+        class Answer
+            attr_reader :state, :value
+
+            # Recibe como parámetro una lista de dos elementos que contiene
+            # el <em>state</em> o estado de la respuesta (si es verdadera o falsa)
+            # y el <em>value</em> con el texto que la representa.
+            def initialize(ans)
+                raise ArgumentError, "Array spected, got #{ans.class}" unless ans.is_a? Array
+                raise IndexError, 'Must have two (2) elements; state and value' unless ans.size == 2
+                state = ans[0]
+                value = ans[1]
+                state == :right ? @state = RIGHT : @state = WRONG
+                @value = value
+            end
+
+            # Devuelve <em>value</em>, es decir, el texto que describe a la respuesta
+            def to_s
+                "#{@value}"
+            end
+        end
+        
+      end
+    end
+  end
+end

data/lib/ULL-ETSII-Alu3177-Quiz/templates.rb

@@ -0,0 +1,77 @@
+#encoding: UTF-8
+module ULL
+  module ETSII
+    module Alu3177
+      module Quiz
+
+		JAVASCRIPT_TEMPLATE = %{
+            $(function() {
+                $( "#button" ).button();
+            <% for i in 1..questions.size %>
+                $( "#question<%=i%>" ).buttonset();
+            <%end%>
+            });
+            function run(){
+                <% for i in 1..questions.size %>
+                for (i=0;i<document.forms[0].preg<%=i%>.length;i++) {
+                    if (document.forms[0].preg<%=i%>[i].checked) {
+                        user_input = document.forms[0].preg<%=i%>[i].value;
+                        if (user_input == "true") {
+                            $( "#correccion<%=i%>" ).show("blind", 65);
+                            text = document.getElementById("correccion<%=i%>_text");
+                            text.innerHTML = "<span style='color: green;'><b>¡Respuesta Correcta!</b></span>";
+                        }else{
+                            $( "#correccion<%=i%>" ).show("blind", 65);
+                            text = document.getElementById("correccion<%=i%>_text");
+                            text.innerHTML = "<span style='color: red;'>Respuesta incorrecta ...</span>";
+                        }
+                    }
+                }
+                <%end%>
+            }
+		}
+
+        HTML_TEMPLATE = %{
+        <html>
+          <head>
+            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+            <title><%= name %></title>
+            <link href="css/blitzer/jquery-ui-1.9.2.custom.min.css" rel="stylesheet">
+            <link href="css/base.css" rel="stylesheet">
+            <script src="js/jquery-1.8.3.js"></script>
+            <script src="js/jquery-ui-1.9.2.custom.min.js"></script>
+            <script src="js/quiz.js"></script>
+          </head>
+          <body>
+            <div class="contenedor">
+                <h1><%= name %></h1>
+                <form action="">
+                    <% i=0; questions.each do |q| %>
+                        <div id="question_<%=i%>" class="question">
+                            <h3><%= q.title %></h3>
+                                <div id="question<%=i+1%>">
+                                <% j=0; q.answers.each do |a| %>
+                                    <input type="radio" id="preg<%=i%>.<%=j+1%>" name="preg<%=i+1%>" value="<%= a.state %>"><label for="preg<%=i%>.<%=j+1%>"><%= a.value %></label>
+                                <% j+=1;end %>
+                                </div>
+
+                                <div id="correccion<%=i+1%>" class="ui-state-highlight ui-corner-all" style="display: none;margin-top: 20px;">
+                                    <p><span class="ui-icon ui-icon-info" style="float: left; margin-left: .3em;"></span>
+                                    <p id="correccion<%=i+1%>_text"></p>
+                                    </p>
+                                </div>
+                        </div>
+                        <% i += 1 %>
+                    <% end %>
+                    <input id="button" value="Corregir" onclick="run()" />
+                </form>
+            </div>
+          </body>
+        </html>
+        }
+
+
+      end
+    end
+  end
+end

data/lib/ULL-ETSII-Alu3177-Quiz/version.rb

@@ -0,0 +1,9 @@
+module ULL
+  module ETSII
+    module Alu3177
+      module Quiz
+        VERSION = "0.1.2"
+      end
+    end
+  end
+end

data/lib/html/css/base.css

@@ -0,0 +1,28 @@
+body{
+    font: 78.5% "Trebuchet MS", sans-serif;
+    margin: 50px;
+}
+
+h1{
+    font-size: 350%;
+    color: #E0E0E0;
+}
+
+h3{
+    color: #C40F45;
+}
+
+.contenedor{
+    background-color: #666;
+    margin-left: 5em;
+    padding: 1em 1em 1em 10em;
+    width: 65%;
+}
+
+.question{
+    background-color: #AAA;
+    padding: 1em 1em 2em 1em;
+    margin-bottom: 2em;
+    width: 80%;
+}
+

data/lib/html/css/blitzer/jquery-ui-1.9.2.custom.min.css

@@ -0,0 +1,5 @@
+/*! jQuery UI - v1.9.2 - 2012-12-05
+* http://jqueryui.com
+* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.progressbar.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-widget{font-family:Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #eee;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e3a1a1;background:#c00 url(images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d8dcdf;background:#eee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x;font-weight:bold;color:#004276}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#004276;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 #cdd5da;background:#f6f6f6 url(images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;font-weight:bold;color:#111}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#111;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #eee;background:#fff url(images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;font-weight:bold;color:#c00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#c00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcd3a1;background:#fbf8ee url(images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x;color:#444}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#444}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #c00;background:#f3d8d8 url(images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat;color:#2e2e2e}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#2e2e2e}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#2e2e2e}.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-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-widget-content .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_004276_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-khtml-border-bottom-left-radius:6px;border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-khtml-border-bottom-right-radius:6px;border-bottom-right-radius:6px}.ui-widget-overlay{background:#a6a6a6 url(images/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat;opacity:.4;filter:Alpha(Opacity=40)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#333 url(images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x;opacity:.1;filter:Alpha(Opacity=10);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}