@import "common.css";

html, body {
    height: 100%;
}

body {
    background: #BCBDC1;
    color: #000;
}

a {
    color: #0D72AA;
    font-size: 12px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

noscript {
 /* background: url(../images/noscript.png) center 40px no-repeat #ffa; */
    padding: 330px 0 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 2em;
    text-align: center;
    clear: both;
    width: 100%;
    float: left;
}

/* jQuery UI customization */
button.ui-button:hover, button.ui-button:focus {
    box-shadow: 0 0 5px #555;
}

/* Log */
pre.log {
    padding: 10px;
    background: #eee;
    line-height: 1.7em;
    margin: 10px 0;
    overflow: scroll;
    font-size: 12px;
}

pre.log .failed {
    color: red;
}

pre.log .highlight {
    background: #333;
    color: #fff;
    padding: 2px 4px;
}

/* Generic buttons */
.ui-button-text-only .ui-button-text {
    padding-top: .4em !important;
    padding-bottom: .4em !important;
}

button.upload span {
    background: url(../images/button-upload.png) no-repeat transparent 6px 4px;
    padding-left: 26px !important;
}

button.save span {
    background: url(../images/button-save.png) no-repeat transparent 6px 4px;
    padding-left: 26px !important;
}

button.download span {
    background: url(../images/button-download.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.zip span {
    background: url(../images/button-zip.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.search span {
    background: url(../images/button-search.png) no-repeat transparent 6px 4px;
    padding-left: 26px !important;
}

button.reset span {
    background: url(../images/button-clear.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.ok span {
    background: url(../images/button-ok.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.cancel span {
    background: url(../images/button-cancel.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.checkall span {
    background: url(../images/button-checkall.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.uncheckall span {
    background: url(../images/button-uncheckall.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.collapse span {
    background: url(../images/button-collapse.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

button.expand span {
    background: url(../images/button-expand.png) no-repeat transparent 6px 3px;
    padding-left: 26px !important;
}

.smallbutton {
    padding: 6px 8px;
    border: 1px solid #999;
    border-radius: 5px;
    cursor: pointer;
}

.smallbutton:hover, .smallbutton:focus {
    background: #333;
    color: #fff;
    box-shadow: 0 0 20px #fff;
}

.bodywrapper {
   /* background: url(../images/bodywrapper-bg.png) center repeat-y;*/
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
}

.bodywrapper.home {
	background: url(../images/bodywrapper-home-bg.png) center repeat-y;
	min-height: 610px;
}

.push {
    height: 50px;
}

.wrapper {
    margin: 0 auto;
    width: 966px;
    position: relative;
    overflow: hidden;
}

/* Header div */
#header {
}

#header .wrapper {
    background: url(../images/header-bg.png) repeat-x #0E6EA8;
    height: 137px;
}

#header .logo {
    float: left;
    margin: 19px 18px 0 10px;
}

#header .title {
    float: left;
    color: #fff;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    margin: 63px 0 0 0;
    text-shadow: 1px 0 #7FC4E1, 0px 0 #7FC4E1;
}

#header .edexcel {
    float: right;
    margin: 44px 8px 0 0;
}

body.logged #header .edexcel {
    margin-top: 52px;
}

#header .debug-label {
    float: right;
    margin: 60px 20px 0 0;
    background: transparent;
    padding: 5px;
    border-radius: 5px;
    color: #ccc;
    border: 2px solid #ccc;
}

#header .debug-label:hover, #header .debug-label:focus {
    box-shadow: 0 0 20px #fff;
    color: #fff;
    border-color: #fff;
    background: #555;
}

#header .env {
    text-align: center;
    font-weight: bold;
    letter-spacing: 10px;
    color: #999;
    padding: 3px 0;
}

#header .logout {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
}

#header .logout:hover, #header .logout:focus {
    box-shadow: 0 0 10px #fff;
}

/*#header button.logout2 {
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #24A9E1;
    background: #fff;
    color: #1C78AB;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    cursor: pointer;
    width: 170px;
    height: 38px;
}

#header button.logout2:hover, #header button.logout2:focus
{
    background: #0E6DA5;
    border: 2px solid #BFBFBF;
    border-top: 2px solid #fff;
    width: 170px;
    height: 36px;
    color: #fff;
    box-shadow: 3px 3px 10px #333;
}*/


/* Header buttons */
#header .buttons {
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 4px;
    left: 0px;
    width: 100%;
    min-width: 705px;
    width: 100%;
}

#header .buttons button {
    border: 1px solid #24A9E1;
    background: #fff;
    color: #1C78AB;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    cursor: pointer;
    width: 170px;
}

#header .buttons button:hover, #header .buttons button:focus, 
#header .buttons button.active {
    background: #000;
    border-color: #BFBFBF;
    border-top-color: #fff;
    color: #fff;
}

/* Header bottom buttons */
#header .bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
}

#header .bottom .buttons {
    text-align: left;
    overflow: hidden;
    width: auto;
    min-width: 0;
    position: relative;
    bottom: 0;
    left: 0;
    padding: 2px 3px;
}

#header .bottom .buttons button {
    float: left;
    margin-right: 2px;
}

#header .bottom .buttons button.last {
    margin-right: 0;
}

#header .bottom .buttons.left {
    margin-top: 10px;
}

#header .bottom .buttons.left button {
    padding: 5px 0;
    width: 83px;
}

#header .bottom .buttons.left button.active {
    background: #0E6DA5;
    border-color: #BFBFBF;
    border-top-color: #fff;
    color: #fff;
}

#header .bottom .buttons.right {
}

#header .bottom .buttons.right button {
    width: 173px;
}

#header .bottom .buttons.right button.active {
    background: #0E6DA5;
    border-color: #BFBFBF;
    border-top-color: #fff;
    color: #fff;
}

#header .bottom .buttons.right button.buildpaper.draft {
    background-image: url(../images/draft-icon.png);
    background-position: 5px 3px;
    background-repeat: no-repeat;
}

#header .bottom .buttons.right button.buildpaper.draft.active, 
#header .bottom .buttons.right button.buildpaper.draft:hover, 
#header .bottom .buttons.right button.buildpaper.draft:focus {
    background-image: url(../images/draft-icon-active.png);
}

/* Header overlay menu */
.ovmenu {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #33434C;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    padding: 10px 8px;
    width: 237px;
}

.ovmenu > * {
    float: left;
    clear: both;
    margin: 2px 0;
}

.ovmenu a {
    color: #fff;
}

.ovmenu .sep {
    background: #fff;
    height: 1px;
    width: 100%;
}

/* Body div */
#body {
}

#body .wrapper {
    background: #DCDDDF;
    border: 1px solid #CCCDCF;
    width: 935px;
    padding: 15px 15px 3px 15px;
}

#body .wrapper.default {
    padding: 0;
    width: 966px;
    border: 0;
    background: #fff;
}

#body.searchBody .wrapper {
 /*overflow: visible;*/
}

#body.overflow-visible .wrapper {
    overflow: visible;
}

/* Boxes to show working functionalities */
.box {
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin: 0 12px 12px 0;
    width: 281px;
    height: 160px;
    line-height: 1.5em;
    background: #DCDDDF;
}

.box.last {
    margin-right: 0;
}

.box b {
    color: #0776AD;
}

.box h2 {
    color: #0776AD !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
    text-shadow: 1px 1px #fff !important;
    padding: 4px 4px !important;
    border: 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    background: transparent !important;
    font-weight: bold !important;
    letter-spacing: 0em !important;
}

.box:hover, .box:focus {
    background: #fff !important;
    box-shadow: 0 0 10px #555;
}

.box:hover h2, .box:focus h2 {
    text-shadow: 1px 1px #dadada;
}

.box span.version {
    font-size: 11px;
    color: #777;
}

.box button {
    float: left;
    clear: both;
    background: url(../images/box-button-bg.png) repeat-x #0C6FA6;
    height: 28px;
    padding: 4px 5px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    border: 2px solid #69B2D2;
    border-radius: 6px;
    margin: 0 8px 0px 0;
}

.box button:hover, .box button:focus {
    background: #000;
    border-color: #fff;
    box-shadow: 0 0 10px #666;
}

/* Used by Paper Viewer popup */
.pdfwrapper {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.pdfwrapper .top {
    height: 36px;
    background: #A7A8AC;
    padding: 0 0 0 30px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
}

.pdfwrapper .top label {
    float: left;
    line-height: 36px;
}

.pdfwrapper .top .print {
    float: right;
    background: #231F20;
    padding: 4px 19px 3px 8px;
    height: 29px;
    width: 29px;
    overflow: hidden;
}

.pdfwrapper .top .print button {
    height: 29px;
    width: 29px;
    background: #231F20;
    border: 1px solid #5B5758;
    cursor: pointer;
}

.pdfwrapper .top .print button:hover, .pdfwrapper .top .print button:focus {
    border-color: #bbb;
}

.pdfwrapper #pdfcontainer em
{
	margin-left: 0;
}

#pdf {
    width: 100%;
    height: 100%;
}

p.nopdf {
    padding: 30px;
    text-align: center;
    font-size: 18px;
    font-family: Arial, sans-serif;
    line-height: 30px;
}

.pdfwrapper #pdfcontainer { font-family: 'Verdana', Arial, sans-serif !important; }

/* Footer div */
/*
#footer { background: #006EA3; border: 1px solid #BFDBE9; border-left: none; border-right: none; height: 32px; line-height: 32px; font-size: 10px; color: #fff; text-transform: uppercase; }
#footer .wrapper { padding: 0 18px; }
#footer img.logo { height: 16px; margin-top: 8px; }
*/
.footer {
    height: 50px;
}

.footer .wrapper {
    background: #006EA3;
    border: 1px solid #BFDBE9;
    border-left: none;
    border-right: none;
    height: 32px;
    line-height: 32px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    width: 945px;
    padding: 8px 10px;
}

.footer img.logo {
    height: 16px;
    margin-top: 8px;
}

#pearson-footer {
	margin-top: -4px;
}

.footer .menu-wrapper {
    border-top: 1px solid #BFDBE9;
    border-left: none;
    border-right: none;
    height: 30px;
    line-height: 32px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 0px;
    margin: 0 auto;
    width: 966px;
    position: relative;
    overflow: hidden;
}

#footer-menu {
	background: white;
	margin: -9px 0 0 0;
	padding: 10px 0 10px 6px;
	z-index: 100;
}

#menu  {
	padding: 0;
	text-align: center;
	list-style-type: none;
}
 
#menu li {
	display: inline;
	margin: 0 6px 0 6px;
	padding-right: 5px;
	border-right: 1px solid #006EA3;
}
 
#menu li.last {
	padding: 0;
	border: none;
}
	
#menu li a {
	margin: 0 24px 0 15px;
	color: #0D72AA;
	font-size: 10px;
    text-transform: uppercase;
}

#menu li a:hover, 
#menu li a:focus {
	border-bottom: 1px solid #0D72AA;
}

/* Search */
.search {
    background: #fff;
    overflow: visible;
    padding: 3px 0 0;
}

.search .column {
}

.search .column p {
    margin: 0 0 10px 0;
}

.search .search-sidebar {
    background: #DCDDDF;
    width: 235px;
    padding: 11px 11px 160px;
    float: left;
    font-size: 12px;
}

.search .search-sidebar p {
    margin: 0 0 10px 0;
}

.search .search-sidebar fieldset {
    border: 0;
    padding: 11px 0;
}

.search .search-sidebar fieldset.border-bottom {
    border-bottom: 1px solid #fff;
}

.search .search-sidebar fieldset > * {
    float: left;
}

.search .search-sidebar fieldset .add {
    margin-left: 5px;
}

.search .search-sidebar fieldset.buttons > * {
    float: none;
}

.search .search-sidebar button.disabled {
    border-color: #bbb;
}

.search .search-sidebar button.disabled span {
    opacity: 0.5;
    filter: alpha(opacity = 50);
    cursor: not-allowed;
}

.search .search-sidebar h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.2em;
    background: none !important;
    border: none !important;
    padding: 8px 0 !important;
    color: #000 !important;
}

.search .search-sidebar .list {
    overflow: hidden;
    padding: 3px 0;
}

.search .search-sidebar .list .item {
    float: left;
    margin: 0 4px 2px 0;
    background: #A8A9AD;
    padding: 2px 3px 2px 6px;
    overflow: hidden;
    border: 1px solid #A8A9AD;
}

.search .search-sidebar .list .item a {
    float: right;
}

.search .search-sidebar .list .item:hover,
.search .search-sidebar .list .item:focus {
    background: #999;
    color: #fff;
    border-color: #333;
}

.search .search-sidebar fieldset select {
    width: 230px;
}

.search .search-sidebar fieldset.years .list .item {
    width: 54px;
}

.search .search-sidebar fieldset.topics .list .item,
.search .search-sidebar fieldset.papers .list .item {
    width: 200px;
}

.search .search-sidebar fieldset div.popup {
    float: left;
    width: 230px;
}

.search .search-sidebar fieldset div.unknown {
    float: left;
    width: 230px;
}

.search .column.right {
    width: 705px;
    background: #fff;
}

.search .column.right .subcolumn {
    width: 351px;
    background: #C6E1F6;
    padding: 0;
}

.search .column.right h2 {
    background: #0E6DA5;
    padding: 11px 16px;
    border: 1px solid #0E6DA5;
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: #fff;
}

.search .column.right .navigation {
    background: #A8A9AD;
    padding: 11px 16px;
    border: 1px solid #A8A9AD;
    border-top: 0;
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: #fff;
    overflow: hidden;
    height: 36px;
}

.search .column.right .subcolumn.right .navigation {
    padding: 0;
    height: auto !important;
}

.search .column.right .navigation .links,
.content .filter a {
    overflow: hidden;
    padding-top: 9px;
    font-size: 10px;
}

.search .column.right .navigation .links a {
    color: #fff;
    font-size: 10px;
}

.search .column.right .navigation .links a:hover,
.search .column.right .navigation .links a:focus,
.content .filter a:hover {
    color: #000;
}

.search .column.right .navigation .links a.active,
.content .filter a.active {
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

#body.findPastPaper .search .column.right .navigation,
#body.editPastPaper .search .column.right .navigation
{
    height: auto;
    min-height: 36px;
}

#body.buildPaper .search .column.right .navigation
{
    height: auto;
    min-height: 40px;
}

#body.findPastPaper .search .column.right .navigation .links .left,
#body.editPastPaper .search .column.right .navigation .links .left
{
    max-width:  500px;
}

#body.buildPaper .search .column.right .navigation .links .left {
    max-width:  275px;
}

.search .column.right .navigation .links .navigation-link {
    font-size: 7px;
}

.search .column.right .navigation .icons {
    float: left;
    overflow: hidden;
    margin: 15px 0 15px 10px;
}

.search .column.right .navigation .icons > * {
    float: left;
    font-size: 9px;
    margin-right: 12px;
    letter-spacing: -0.05em;
}

.search .column.right .navigation .icons .questions {
    background: url(../images/search-results-item-questions.png) no-repeat transparent center 0;
    padding: 18px 1px 1px 1px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
}

.search .column.right .navigation .icons .time {
    background: url(../images/search-results-item-time.png) no-repeat transparent center 0;
    padding: 18px 1px 1px 1px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
}

.search .column.right .navigation .icons .marks {
    background: url(../images/search-results-item-marks.png) no-repeat transparent center 0;
    padding: 18px 1px 1px 1px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 0;
}

.search .column.right .navigation .buttons {
    float: right;
    background: #000;
    padding: 15px 0 14px 10px;
}

.search .column.right .navigation .buttons button {
    float: left;
    background: #000;
    border: 1px solid #3F3F3F;
    padding: 4px;
    cursor: pointer;
    margin: 0 10px 0 0;
}

.search .column.right .navigation .buttons button:hover,
.search .column.right .navigation .buttons button:focus {
    border-color: #aaa;
}

.search .column.right .navigation.bottom {
    padding: 3px 16px;
}

.search .column.right .navigation.bottom .links {
    padding-top: 0;
}

.search .column.right .results {
    padding: 10px 8px 3px 8px;
    border: 1px solid #D2E7F8;
    border-top: 0;
    border-bottom: 0;
    overflow: hidden;
}

.search .column.right .results .item {
    float: left;
    clear: both;
    width: 317px;
    border: 1px solid #9FA6AE;
    background: #fff;
    padding: 7px;
    margin-bottom: 7px;
    position: relative;
}

.search .column.right .results .item.disabled {
    background: #eee;
    color: #888;
}

.search .column.right .results .item:hover,
.search .column.right .results .item:focus {
    box-shadow: 0 0 15px #000;
    border-color: #555;
}

.search .column.right .results .item.disabled:hover,
.search .column.right .results .item.disabled:focus {
    box-shadow: 0 0 15px #aaa;
    border-color: #9FA6AE;
}

.search .column.right .results .item p {
    padding-bottom: 20px;
}

.search .column.right .results .item .question-debug {
    position: absolute;
    right: 105px;
    bottom: 7px;
    background: red;
    color: #fff;
    padding: 2px 4px;
    border: 1px solid #333;
    font-size: 11px;
    font-weight: bold;
}

.search .column.right .results .item .button {
    position: absolute;
    left: 7px;
    bottom: 7px;
    background: #A8A9AD;
    border: 1px solid #A8A9AD;
    padding: 4px 4px 4px 23px;
    width: 55px;
    color: #fff;
    font-size: 9px;
    text-align: left;
}

.search .column.right .results .item .button.time {
    left: 7px;
    background: url(../images/search-results-item-time.png) 4px 2px no-repeat #A8A9AD;
}

.search .column.right .results .item .button.marks {
    left: 92px;
    background: url(../images/search-results-item-marks.png) 4px 1px no-repeat #A8A9AD;
}

.search .column.right .results .item .preview {
    position: absolute;
    bottom: 7px;
    right: 30px;
}

.search .column.right .results .item .add,
.search .column.right .results .item .delete {
    position: absolute;
    bottom: 7px;
    right: 7px;
}

.search .column.right .results .item .sort {
    position: absolute;
    bottom: 7px;
    background: #777;
}

.search .column.right .results .item .sort.sortup {
    right: 53px;
}

.search .column.right .results .item .sort.sortdown {
    right: 76px;
}

.search .column.right .results .placeholder {
    float: left;
    clear: both;
    border: 2px dashed #bbb;
    width: 315px;
    height: 45px;
    padding: 7px;
    background: transparent;
    margin-bottom: 7px;
    position: relative;
}

.search .column.right .results .noitems {
    float: left;
    clear: both;
    border: 0;
    width: 319px;
    height: auto;
    padding: 7px;
    background: transparent;
    margin-bottom: 7px;
    position: relative;
    font-size: 13px;
}

.search .column.right .results .item.ui-sortable-helper {
    box-shadow: 0 0 50px #000;
    border-color: #666;
}

.search .column.right .subcolumn.full {
    width: 100%;
}

.search .column.right .subcolumn.full .navigation {
    border: 1px solid #A8A9AD;
}

#search-loading, #custom-paper-loading {
    padding: 40px 40px;
    text-align: center;
    font-size: 14px;
}

/* Default container */
.content {
    overflow: hidden;
}

.content.overflow-visible {
    overflow: visible;
}

.content h2 {
    background: #0E6DA5;
    padding: 11px 16px;
    border: 1px solid #0E6DA5;
    border-top: 2px solid #fff;
    border-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: #fff;
}

.content h2 a {
    color: #fff;
    font-size: 12px;
}

.content h2 a:hover, .content h2 a:focus {
    text-decoration: underline;
}

.content .container {
    overflow: hidden;
    background: #BFE6F7;
    padding: 10px 0 0 12px;
}

.content .container.padded {
    padding: 10px 12px 10px 12px;
}

.content .container.autoscroll {
    overflow: scroll;
    max-height: 700px;
}

.content .container.overflow-visible {
    overflow: visible;
}

.content .container.largeparagraphs p {
    margin: 10px 0;
    line-height: 1.5em;
}

.content .container .item {
    float: left;
    clear: both;
}

.content .container.underconstruction {
    background: url(../images/under_construction.png) center 20px no-repeat #BFE6F7;
    padding-top: 170px;
    font-size: 13px;
    line-height: 1.8em;
}

.content .container.underconstruction h1 {
    text-align: center;
    margin-bottom: 20px;
}

.content .container.noentry {
    background: url(../images/noentry.png) center 20px no-repeat #BFE6F7;
    padding-top: 170px;
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 1.8em;
}

.content .container.noentry h1 {
    text-align: center;
    margin-bottom: 20px;
}

.content .container.notvalid {
    background: url(../images/notvalid.png) center 20px no-repeat #BFE6F7;
    padding-top: 170px;
    font-size: 13px;
    line-height: 1.8em;
}

.content .container.notvalid h1 {
    text-align: center;
    margin-bottom: 20px;
}

.content .container.notfound {
    background: url(../images/notfound.png) center 20px no-repeat #BFE6F7;
    padding-top: 300px;
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 1.8em;
}

.content .container.notfound h1 {
    text-align: center;
    margin-bottom: 20px;
}

.content .container button.ui-button span.ui-button-text {
    overflow: hidden;
}

.content .container button.ui-button span.ui-button-text img {
    float: left;
    margin-right: 5px;
}

.content .container button.ui-button span.ui-button-text span {
    float: left;
    margin-top: 10px;
}

.content .container button#login {
    text-align: center;
    overflow: hidden;
    float: center;
}

.content .container button.right {
    margin: 0 10px 10px 0;
   
}

.content .container button.large-button-document {
     width: 210px;
     margin: 0 14px 10px 0;
}

.content .container button.large-button-user {
     width: 115px;
}

.content .container .noresults {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 46px 0 120px;
}

.content .container.centered {
    padding: 10px 50px;
    text-align: center;
    font-size: 14px;
}

.content .container.centered form {
    margin: 10px auto;
    width: 500px;
    background: #00A1DF;
    padding: 10px;
    border: 2px solid #006DA5;
    border-radius: 10px;
    box-shadow: 0 0 20px #fff;
    color: #fff;
}

.content .container.centered form input[type=text],
.content .container.centered form input[type=password] {
    width: 250px;
    padding: 2px 2px;
    margin: 10px 0 0;
    height: 18px;
    background: #fff;
    border: 1px solid #006DA5;
    box-shadow: none;
}

.content .container.centered form select {
    color: #787a7e;
    padding: 5px;
    margin-left:2px;
    border: 1px solid #d5d9de;
    outline: none;
    height: 30px;
    width: 250px;
    border-radius: 5px;
}

.content .container.centered form input[type=submit],
.content .container.centered form input[type=button],
.content .container.centered form input[type=reset],
.content .container.centered form button {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: -5px;
}

.content .container.centered form .textArea {
    padding-bottom: 10px;
    overflow: hidden;
}

.content .container.centered form ul.errors {
    margin: 10px 0 0 0;
    padding: 5px;
    background: #ffa;
    color: #333;
    list-style: none;
    border: 1px solid #666;
    border-radius: 10px;
    box-shadow: 0 0 5px #fff;
}

.content .container.centered form ul.errors li {
    list-style: none;
    padding: 2px 0;
    color: red;
}

.content .container.centered .form form .textArea,
.content .container.centered .userform form dd {
    overflow: hidden;
}

.content .container.centered .form form .textArea label {
    font-weight: bold;
    font-size: 14px;
    display: block;
    float: left;
    width: 130px;
    height: 55px;
    line-height: 55px;
    margin: 0 20px 0 ;
    padding-top: 10px;
    text-align: right;
}
.content .container.centered .login {
	padding: 50px 0 50px 0;
    font-size: 14px;
}

.content .container.centered .login p,
.content .container.centered .login p a {
    font-size: 14px;
}
	
.content .container.centered .form form dd {
    padding-left: 130px;
}

.content .container.centered .form form .textArea ul.errors {
    width: 488px;
}

.content .container.centered .form form .forgotPassword {
    padding: 10px;
}

.content .container.centered .form form .forgotPassword a {
    color: #fff;
    font-size: 12px;
}

.content .container.centered .form p {
    padding: 5px;
    font-size: 12px;
}

.content .container .upload-progress {
    display: none;
    padding: 30px 0;
    text-align: center;
}

.content .container .upload-progress > * {
    float: none !important;
}

.content .container .upload-progress label {
    width: auto;
    padding: 0;
    font-size: 20px;
    line-height: 4em;
    font-weight: bold;
}

.content .container fieldset {
    margin: 0 0 5px 0;
}

.content .container pre.log {
    max-width: 904px !important;
}

/* Home */
.content.home .container {
    padding: 10px 12px 10px 0;
    font-size: 13px;
}

.content.home .container h3 {
    color: #fff;
    font-size: 25px;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0px;
    color: #0D72AA;
}

.content .container .main .boxes .item h3,
.content .container .main .boxes2 .item h3 {
    color: #fff;
    font-size: 17px;
    margin: 0 0 5px 0;
    padding: 5px 0 5px 0;
    color: #0D72AA;
}

.content.home .container .boxes,
.content.home .container .boxes {
    overflow: hidden;
    padding: 10px 0;
}

.content.home .container .boxes div.item,
.content.home .container .boxes2 div.item {
    background: transparent;
    padding: 10px 10px 7px 20px;
    border-radius: 5px;
    overflow: hidden;
    width: 698px;
}

.content.home .container .boxes div.item.center,
.content.home .container .boxes2 div.item.center {
	background: url(../images/homev3-bluebackground.png) repeat-x;
	width: 670px;
	border-radius: 0;
}

.content.home .container .boxes2 div.item.bottom {
	background: url(../images/homev3-watch-a-demo-background.png) repeat-x;
	width: 670px;
	height: 290px;
	border-radius: 0;
    overflow: auto;
}

.content.home .container .boxes div.item.center h3,
.content.home .container .boxes2 div.item.center h3 {
	color: #fff;
}
.content div.container div.main div div.boxes div.item img,
.content div.container div.main div div.boxes2 div.item img
{
	padding: 5px;
}
	
.content.home .container .boxes div.item ul,
.content.home .container .boxes2 div.item ul {
    border-radius: 5px;
    margin: 0 5px 0 5px;
   	list-style: none;
}

.content div.container div.main div div.boxes div.item ul#left-list li,
.content div.container div.main div div.boxes2 div.item ul#left-list li
{
	padding: 2px 30px 10px 30px;
	background: url(../images/star.png) no-repeat;
	margin-right: 30px;
	font-size: 12px;
	color: #fff;
}

.content div.container div.main div div.boxes2 div.item div.item div.left ul#bottom-list li
{
	padding: 3px 10px 5px 30px;
	background: url(../images/star-live.png) no-repeat;
	margin-right: 10px;
	font-size: 12px;
	color: #000;
}

.content div.container div.main div div.boxes2 div.item div.item div.left ul#bottom-list.column2 
{
    margin-top: 37px;
}

.content div.container div.main div div.boxes2 div.item div.item div.left ul#center-inactive-list li,
.content div.container div.main div div.boxes2 div.item div.item div.left ul#bottom-inactive-list li
{
	padding: 3px 0 5px 30px;
	background: url(../images/star-inactive.png) no-repeat;
	margin-right: 10px;
	font-size: 12px;
	color: #BDBEBE;
}

.content.home .container .boxes div.item ul li {
    padding: 0px;
}

.content.home .container .boxes div.item > .left {
    width: 50%;
}

.content.home .container .boxes2 div.item > .left {
    width: 33%;
}

.content .container .main .contact div.item {
    background: transparent;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    width: 680px;
}

.content .container .main .contact table {
    /*
    border: 1px solid #ccc;
    padding: 5px;
    */
    margin: 10px 0;
}

.content .container .main .contact table thead tr th {
    background: #0E6DA5;
    color: #fff;
    padding: 5px 5px;
    text-align: left;
}

.content .container .main .contact table tbody tr td {
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-top: 0;
    text-align: left;
}

.content .container .main .contact table tbody tr td:not(:last-child) {
    border-right: 0;
}

.content.home .container .debug {
    padding: 10px;
    overflow: hidden;
    margin: 10px 0 10px 0px;
}

.content.home .container .ewintro {
    padding: 10px;
}

.content.home .container .separator {
    margin-top: 15px;
    border: 1px solid #aaa;
    padding-top: 10px;
}

.content.home .container #webform .textArea {
    overflow: hidden;
    margin: 10px 0;
}

.content.home .container #webform .message-label {
    margin: 10px 0 0;
}

.content.home .container #webform .message-element {
    margin: 0 0 10px;
}

.content.home .container #webform label {
    float: left;
    width: 100px;
    padding: 5px;
}

.content.home .container #webform input[type=text],
.content.home .container #webform textarea {
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 5px;
}

.content.home .container #webform input[type=text]:hover, 
.content.home .container #webform input[type=text]:focus,
.content.home .container #webform textarea:hover,
.content.home .container #webform textarea:focus {
    box-shadow: inset 0 0 2px #0D72AA;
    border-color: #0D72AA;
    box-shadow: none;
}

.content.home .container #webform input[type=submit] {
    margin: 10px 0 0 110px;
}

.content.home .container #webform ul.errors {
    background: url(../images/contact-alert.png) no-repeat;
    list-style: none;
    overflow: hidden;
    margin: 5px 0 0 110px;
}

.content.home .container #webform ul li {
    float: left;
    display: inline;
    margin: 5px 0 5px 25px;
    width: auto;
    color: red;
}

.content.home .container .sidebar {
    float: right;
    width: 220px;
    margin-top: 20px;
    padding: 0 0 0 10px;
}

.content.home .container .sidebar .item {
    margin: 0 0 15px 0;
}

.content.home .container .sidebar .item h3 {
    font-size: 18px;
    margin: 0 0 5px 0;
    padding: 0 0 5px 28px;
    border-bottom: 2px solid #fff;
    font-weight: bold;
    color: #0D72AA;
    width: 175px;
}

.content.home .container .sidebar .item.teacher h3 {
    background: url(../images/sidebar-teacher-h3.png) no-repeat;
}

.content.home .container .sidebar .item.register h3 {
    background: url(../images/sidebar-register-h3.png) no-repeat;
}

.content.home .container .sidebar .item.support h3 {
    background: url(../images/sidebar-support-h3.png) no-repeat;
}

.content.home .container .sidebar .item.important h3 {
    background: url(../images/sidebar-important-h3.png) no-repeat;
}

.content.home .container .sidebar .item.contact h3 {
    background: url(../images/sidebar-contact-h3.png) no-repeat;
}

.content.home .container .sidebar .item.video h3 {
    background: url(../images/sidebar-video.png) no-repeat;
}
	
.content.home .container .sidebar .item.teacher select {
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.content.home .container .sidebar .item.teacher a img {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    padding: 8px;
    margin: 5px 0 0 13px;
}

.content.home .container .sidebar .item.teacher a img:hover,
.content.home .container .sidebar .item.teacher a img:focus {
    box-shadow: 0 0 10px #000;
    border-color: #333;
}

.content.home .container .sidebar .item.teacher form select,
.content.home .container .sidebar .item.teacher form input {
    width: 100%;
}

.content.home .container .sidebar .item.teacher form select {
    padding: 8px;
}

.content.home .container .sidebar .item.teacher form select:hover,
.content.home .container .sidebar .item.teacher form select:focus {
    box-shadow: inset 0 0 2px #0D72AA;
    border-color: #0D72AA;
}

.content.home .container .sidebar .item.edx {
    margin-top: 10px;
}

.content.home .container .sidebar .item.edx img {
    width: 203px;
    border-radius: 7px;
}

.content.home .container .main {
    float: left;
    width: 720px;
    min-height: 670px;
    background: url(../images/sidebar.png) no-repeat;
    background-position: right top;
    padding: 0 0 0 0;
}

.content.home .container .boxes2 .video {
    background: transparent;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    width: 698px;
}

.content.home .container .boxes2 .video h3 {
    background: url(../images/header-video.png) no-repeat;
    color: #fff;
    padding: 8px 0 5px 40px;
    color: #0D72AA;
    cursor: pointer;
    font-size: 16px
}

.content.home .container .video .video-sample {
    background: #333;
    height: 150px;
    border: 3px solid #fff;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
    font-size: 20px;
    padding: 30px 0;
    color: #fff;
}

.content.home .container .boxes .video-sample:hover,
.content.home .container .boxes .video-sample:focus {
    box-shadow: 0 0 10px #000;
    border-color: #333;
}

.content.home .container .contactform input[type=text],
.content.home .container .contactform textarea {
    width: 300px;
}

/* form counter */
.content.home .container #webform #message-element .counter {
    width: 200px;
    margin: 0 0 0 90px;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #00d600;
}

.content.home .container #webform #message-element .warning {
    color: #ff9900;
}

.content.home .container #webform #message-element .exceeded {
    color: #ff0033;
}

/* Paper Edit */
.content .container.paperedit {
}

.content .container.paperedit h3 {
    font-size: 16px;
    margin: 0 0 5px 0;
}

.content .container.paperedit .section {
    margin: 0 0 10px 0;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
    width: 99%;
}

.content .container.paperedit label {
    float: left;
    width: 170px;
    padding: 2px 0 0 0;
}

.content .container.paperedit input[type=checkbox] {
    float: left;
    margin: 0 3px 3px 0;
}

.content .container.paperedit dt {
    height: 0;
}

.content .container.paperedit dd {
    margin-bottom: 16px;
}

.content .container.paperedit form {
    overflow: hidden;
}

.content .container.paperedit .form.overflow-visible form {
    overflow: visible;
}

.content .container.paperedit form input[type=text] {
    width: 650px;
    padding: 2px 2px;
    height: 18px;
    background: #fff;
    border: 1px solid #999;
}

.content .container.paperedit form input[type=text].short {
    width: 244px;
}

.content .container.paperedit form select {
    min-width: 250px;
    max-width: 656px;
    padding: 2px 2px;
    height: 24px;
    background: #fff;
    border: 1px solid #999;
}

.content .container.paperedit form input[type=text]:focus,
.content .container.paperedit form select:focus {
    border: 1px solid #006DA5;
    outline: 0;
}

.content .container.paperedit form *[disabled] {
    background: #e7e7e7 !important;
    color: #555 !important;
}

.content .container.paperedit #fieldset-buttons {
    float: left;
    overflow: hidden;
    margin-top: 15px;
}

.content .container.paperedit .questions {
    float: left;
    overflow: hidden;
}

.content .container.paperedit .questions label {
    width: auto;
    clear: both;
}

.content .container.paperedit #uploadquestionheight {
    overflow: hidden !important;
    height: 1px !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.content .container.paperedit #uploadquestionheight .section {
    border: 0 !important;
    padding: 0 !important;
}

/* Form errors */
.form-error {
    padding: 10px 20px;
    background: #ffff99;
    color: red;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
} 

/* Edit bar */
.editpaper {
    background: #ffc;
    padding: 10px;
    font-size: 20px;
    overflow: hidden;
    border-bottom: 1px solid #aaa;
}

.editpaper span.title {
    float: left;
    padding: 5px 0 0;
    max-width: 770px;
    overflow: hidden;
}

.editpaper span.title b {
    color: #0E6DA5;
}

/* Message bar */
.messagebar {
    background: #ffb;
    padding: 20px;
    display: none;
    cursor: pointer;
    font-weight: bold;
}

/* Filter bar */
.content .filter {
    background: #A8A9AD;
    padding: 7px 14px;
    height: 24px;
    font-size: 12px;
}

.content .filter a {
    color: #fff;
}

.content .filter a:hover,
.content .filter a:focus {
    text-decoration: underline;
}

.content .filter > * {
    float: left;
    margin-right: 15px;
}

.content .filter label {
    margin-top: 6px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.content .filter .navigation {
    float: right;
    margin-right: 0;
    color: #fff;
    text-transform: uppercase;
}

.content .filter .navigation .left, .content .filter .navigation .right {
    margin-top: 6px;
    max-width: 150px;
    max-height: 14px;
    overflow: hidden;
}

.content .filter .navigation .right {
    margin-left: 20px;
}

.content.mypapers .filter .navigation .left {
    max-width: 110px;
}

.content .filter .preset-box {
    background: #FDF8B8;
    border: 1px solid #736E6A;
    width: 21px;
    height: 21px;
    margin-top: 2px;
    margin-left: 10px;
}

.content .filter a.chosen-single {
    color: #333;
}

.content .filter select {
    width: 150px;
}

.content .filter input[type=checkbox].showteachers {
    margin: 7px 15px 0 10px;
}

/* Default table */
.table table {
    width: 100%;
    background: transparent;
    color: #555;
    font-size: 11px;
}

.table table td a {
    font-size: 11px;
}

.table table th {
    padding: 5px 9px;
    border: none;
    border-top: 1px solid #2FB8EE;
    border-bottom: 1px solid #5CAAD1;
}

.table table td {
    padding: 10px 9px;
    background: #fff;
    border: 1px solid transparent;
}

.table table thead tr th {
    background: url(../images/container-table-thead-th.png) repeat-x;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 9px;
    cursor: pointer;
}

.table table thead tr th.bg div {
    width: 16px;
    height: 16px;
    float: left;
    margin: 2px 5px 0 0;
}

.table table thead tr th.bg span {
    float: left;
    margin: 3px 0 0 0;
}

.table table thead tr th.headerSort {
    color: #333;
}

.table table thead tr th.headerSort.headerSortDesc {
    background: url(../images/desc.gif) center right #2FB8EE no-repeat;
    padding-right: 15px;
}

.table table thead tr th.headerSort.headerSortAsc {
    background: url(../images/asc.gif) center right #2FB8EE no-repeat;
    padding-right: 15px;
}

.table table thead tr .questions div {
    background: url(../images/container-table-thead-th-questions.png) no-repeat;
}

.table table thead tr .marks div {
    background: url(../images/container-table-thead-th-marks.png) no-repeat;
}

.table table thead tr .time div {
    background: url(../images/container-table-thead-th-time.png) no-repeat;
}

.table table thead tr .actions {
    background: #1E231C !important;
    border-top-color: #445157 !important;
    border-bottom-color: #698289 !important;
}

.table table thead tr .actions th {
    cursor: default;
}

.table table tr.odd td {
    background: #E6F5FC;
}

.table table tr.preset td {
    background: #FDF8B8 !important;
}

.table table tr:hover td,
.table table tr:focus td {
    background: #D7F0F7 !important;
    color: #000;
}

.table table tr:hover a,
.table table tr:focus a {
    color: #000;
}

.table table tr.preset:hover td,
.table table tr.preset:focus td {
    background: #E5E0A7 !important;
}

.table table .btn {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 2px;
}

.table table a.delete-confirm {
    margin-top: 2px;
    float: left;
}

.table table .emptybtn {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 2px;
}

.table.table-small table {
    font-size: 11px;
}

.table.table-small table th {
    padding: 5px 6px;
}

.table.table-small table td {
    padding: 5px 4px;
}

.table.compact table th {
    padding: 3px 2px;
    border-bottom: 0;
}

.table.compact table td {
    padding: 3px 2px;
    font-size: 11px;
    border: none;
}

/*
.table.compact table td input[type=checkbox] {
    float: none !important;
}
*/

.table table tr.groupend td {
    border-top: 1px solid #666;
}

.table td.vtopic {

}

.table td.vtopic.checked {
    background: #fad42e !important;
}

.table #tblDisplay tr:hover td:first-child {
    background: #ffffff !important;
}

.table #tblDisplay tr td.checkSelected {
    background: #AF0015 !important;
}

.table #tblDisplay tr:hover td.checkSelected {
    background: #AF0015 !important;
}

.table #tblDisplay td:first-child
{
    background: #fff;
}

/* Coloured rows */
table tr.color0 td {
    background: #ffffff;
}

table tr.color1 td {
    background: #f2f2f2;
}

table tr.color2 td {
    background: #E8FFF7;
}

table tr.color3 td {
    background: #e3e3e3;
}

table tr.color4 td {
    background: #E1F7ED;
}

table tr.color5 td {
    background: #DCE4EF;
}

table tr.color6 td {
    background: #E0E2CC;
}

table tr.color7 td {
    background: #ECFFE0;
}

table tr.color8 td {
    background: #FFE8FF;
}

table tr.color9 td {
    background: #FFFFCD;
}

table tr.color10 td {
    background: #E8FFF0;
}

/* Documents container */
.documents {
}

.documents .document {
    float: left;
    width: 306px;
    height: auto;
    background: #616E76;
    color: #fff;
    margin: 0 10px 10px 0;
}

.documents .document:hover,
.documents .document:focus {
    box-shadow: 0 0 10px #333;
}

.documents .document h3 {
    background: url(../images/documents-document-h3.png) repeat-x #007298;
    min-height: 21px;
    height: auto;
    line-height: 21px;
    padding: 5px 6px 5px 6px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: #fff;
}

.documents .document .edit-buttons {
    float: right;
    margin-right: 8px;
    margin-top: 4px;
}

.documents .document .edit-buttons a {
    float: left;
    margin-left: 8px;
}

.documents .document .edit-buttons a img {
    max-height: 24px;
}

.documents .document .item {
    overflow: hidden;
    border: 1px solid #7B868C;
    padding: 4px;
    margin: 3px 3px;
}

.documents .document.collapsed h3 {
    padding-bottom: 5px;
}

.documents .document .item img {
    float: left;
    margin: 0 4px;
}

.documents .document .item label {
    float: left;
    margin: 8px 0;
    width: 234px;
}

.documents .document .item label a {
    color: #fff;
}

.documents .document .item.last {
    margin-bottom: 6px;
}

.documents .document .item:hover,
.documents .document .item:focus {
    box-shadow: inset 0 0 7px #aaa;
}

.documents.collapsable h3 {
    cursor: pointer;
    padding: 5px 6px 5px 6px;
}

.documents.fullpage .document {
    width: 465px;
    height: auto;
    border: 0;
    float: left;
    margin: 0 10px 10px 0;
    overflow: hidden;
}

.documents.fullrow .document {
    width: 943px !important;
    margin: 0 0 10px 0 !important;
}

/* Table */
table.docmgr {
    width: 100%;
    background: #fff;
    color: #333;
}

table.docmgr th {
    border-width: 0px;
    padding: 7px;
    border-style: inset;
    border-color: white;
    background-color: white;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
}

table.docmgr td {
    border-width: 0px;
    padding: 7px;
    border-color: white;
    background-color: white;
}

table.docmgr tr:hover td,
table.docmgr tr:focus td {
    background: #eee;
}

.tblheaderbtn {
    text-align: right;
}

.tblcatheader {
    text-align: left;
    font-size: 14px;
}

.spacer {
    padding: 10px;
}

.frmcontainer {
    font-size: 14px;
    padding: 10px;
    text-align: center;
}

.docmgr-cat {
    padding: 10px;
}

.delete {
    text-align: left;
}

/* Analytic container */
.container.analytics {
    padding: 20px 0 20px 21px;
}

.container.analytics .filters {
    margin: 0 0 15px 0;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    width: 901px;
    overflow: visible;
    height: 30px;
}

.container.analytics .filters:hover,
.container.analytics .filters:focus {
    box-shadow: 0 0 20px #000;
}

.container.analytics .filters form > * {
    float: left;
    overflow: visible;
}

.container.analytics .filters form dt {
    padding: 7px 8px 0 0;
}

.container.analytics .filters form label {
    padding: 7px 8px 0 0;
}

.container.analytics .filters form label label {
    padding: 0;
}

.container.analytics .filters form select {
    width: 170px;
}

.container.analytics .filters form .chosen-container {
    margin-right: 10px;
}

.container.analytics .filters form input[type=text] {
    border: 1px solid #AAA;
    border-radius: 5px;
    background: #fff;
    padding: 6px;
    font-size: 12px;
    color: #444;
    margin-right: 10px;
    width: 70px;
}

.container.analytics .analytics {
    float: left;
    width: 450px;
    height: auto;
    background: #616E76;
    color: #fff;
    margin: 0 21px 21px 0;
}

.container.analytics .full-width {
    width: 920px;
}

.container.analytics .analytics:hover,
.container.analytics .analytics:focus {
    box-shadow: 0 0 10px #333;
}

.container.analytics .analytics h3 {
    background: url(../images/documents-document-h3.png) repeat-x #007298;
    min-height: 21px;
    height: auto;
    line-height: 21px;
    padding: 5px 6px 5px 6px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: #fff;
}

.container.analytics .analytics .item {
    overflow: hidden;
    border: 1px solid #7B868C;
    padding: 4px;
    margin: 3px 3px;
}

.container.analytics .analytics.collapsed h3 {
    padding-bottom: 5px;
}

.container.analytics .overflow .subjectform textArea {
    height: 70px;
    width: 400px;
}

.container.analytics .analytics .item label {
    float: left;
    margin: 8px 0;
    width: 234px;
}

.container.analytics .analytics .item label a {
    color: #fff;
}

.container.analytics .analytics .item.last {
    margin-bottom: 6px;
}

.container.analytics .analytics .item:hover,
.container.analytics .analytics .item:focus {
    box-shadow: inset 0 0 7px #aaa;
}

#ui-datepicker-div {
    background: #fff;
    border: 2px solid #ccc;
    margin-top: 1px;
    padding: 10px;
}

a.ui-datepicker-next.ui-corner-all {
    float: right;
    margin-bottom: 5px;
    cursor: pointer;
}

a.ui-datepicker-prev.ui-corner-all {
    margin-bottom: 5px;
    cursor: pointer;
}

.ui-datepicker-title {
    margin-top: 5px;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    margin-bottom: 5px;
}

/* Table */
table.analyticsmgr {
    width: 100%;
    background: #fff;
    color: #333;
}

table.analyticsmgr th {
    border-width: 0px;
    padding: 7px;
    border-style: inset;
    border-color: white;
    background-color: white;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
}

table.analyticsmgr td {
    border-width: 0px;
    padding: 7px;
    border-color: white;
    background-color: white;
}

table.analyticsmgr tr:hover td,
table.analyticsmgr tr:focus td {
    background: #eee;
}

.tblheaderbtn {
    text-align: right;
}

.tblcatheader {
    text-align: left;
    font-size: 14px;
}

.spacer {
    padding: 10px;
}

.frmcontainer {
    font-size: 14px;
    padding: 10px;
    text-align: center;
}

.analyticsmgr-cat {
    padding: 10px;
}

.delete {
    text-align: left;
}

/* Chosen.js plugin customization */
.chosen-container ul {
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
}

.chosen-container-active {
    border-color: #5897FB !important;
}

.chosen-container-multi .chosen-choices {
    border-radius: 5px 5px 5px 5px;
}

.chosen-container-active .chosen-choices {
    border-radius: 5px 5px 0 0;
}

.chosen-single:hover,
.chosen-single:focus {
    text-decoration: none !important;
    color: #0D72AA !important;
}

.chosen-container-single .chosen-single {
    background: #fff !important;
    padding: 2px 0 2px 8px !important;
}

.chosen-container-multi .chosen-choices .search-field .default {
    color: #333 !important;
}

.chosen-container-single .chosen-search {
    display: none !important;
}

.chosen-container .chosen-results {
    max-height: 175px !important;
}

.chosen-container-multi .chosen-choices .search-choice {
    margin: 3px 3px !important;
}

.chosen-container-multi .chosen-choices.updating {
    background: url(../images/input-loading.gif) no-repeat #fff 3px 3px;
    padding-left: 20px;
}

.chosen-container-multi .chosen-choices.updating input[type=text] {
    text-indent: -10000px;
}

fieldset.last .chosen-container .chosen-results {
    max-height: 130px !important;
}

fieldset.last .chosen-container .chosen-results {
    max-height: 130px !important;
}

.search-sidebar .chosen-container.chosen-container-multi ul {
    background: url('../images/arrow-down.png') no-repeat 207px 0 #fff;
}

.search-sidebar fieldset.topic .chosen-container.chosen-container-multi ul {
    background: #fff !important;
}

.search-sidebar .chosen-container.chosen-container-multi.chosen-container-active ul {
    background: url('../images/arrow-up.png') no-repeat 207px 0 #fff;
}

.search-sidebar .chosen-container.chosen-container-multi .chosen-drop ul {
    background: #fff !important;
}

/* Debug box */
.debug {
    background: #ffa;
    border: 1px solid #999;
    padding: 5px;
    color: #333;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: scroll;
}

table.debug {
    margin: 10px 10px;
}

table.debug tr td {
    padding: 4px 2px;
}

table.debug tr:hover td {
    background: #fff;
}

/* Errors */
.error-message, .error-message * {
    overflow: auto;
    font-family: "Lucida Console", "Courier New", monospace !important;
    font-size: 13px;
}

.error-message h1, .error-message h2, .error-message h3 {
    margin: 8px 0;
    color: #0D72AA;
    font-weight: normal;
}

.error-message h1 {
    font-size: 24px 0;
    margin-top: 0;
    padding: 8px;
    background: #ffa;
    text-align: center;
    color: #333;
}

.error-message h2 {
    font-size: 20px;
}

.error-message h3 {
    font-size: 16px;
}

/* Buttons */
.ui-button .ui-button-text img {
    margin: 0 4px 2px 0;
    padding: 3px 0;
    float: left;
}

.ui-button .ui-button-text span {
    float: left;
    padding: 3px 0;
}

/* Test */
.test fieldset {
    padding: 10px 0;
    width: 941px;
}

.test fieldset label {
    float: left;
    width: 180px;
    padding: 4px 0 0;
}

.test fieldset select {
    float: left;
    width: 400px;
    padding: 2px;
    height: 22px;
    margin-right: 10px;
}

#body.fullscreen .wrapper {
    width: 98%;
    margin: 0 1%;
}

#body.fullscreen .content .container pre.log {
    max-width: 1200px !important;
}

#body.fullscreen .test fieldset {
    width: 100%;
}

/* Large icons */
.larger-icons {
    overflow: hidden;
    margin: 0 0 0 6px;
    width: 937px !important;
}

.larger-icons a {
    float: left;
    margin: 10px 10px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #BFE6F7;
    padding: 10px;
    border-radius: 10px;
    width: 190px;
    height: 196px;
}

.larger-icons a:hover,
.larger-icons a:focus {
    border: 1px solid #ccc !important;
    background: #fff !important;
    box-shadow: 0 0 10px #555;
    color: #333 !important;
}

.larger-icons a img {
    margin-bottom: 10px;
}

/* Post Large icons */

.post-larger-icons {
    overflow: hidden;
    margin: 0 0 0 120px;
    width: 937px !important;
}

.post-larger-icons a {
    float: left;
    margin: 10px 10px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #BFE6F7;
    padding: 10px;
    border-radius: 10px;
    width: 290px;
}

.post-larger-icons a:hover,
.post-larger-icons a:focus {
    border: 1px solid #ccc !important;
    background: #fff !important;
    box-shadow: 0 0 10px #555;
    color: #333 !important;
}

.post-larger-icons a img {
    margin-bottom: 10px;
}

.post-larger-icons a span.description
{
	font-size: 13px;
	color: black;
	padding:5px;
}

.post-larger-icons a span.title
{
	font-weight:bold;
}

/* Large icons */
/*
.larger-icons {
    overflow: hidden;
    margin: 0 0 0 6px;
    width: 937px !important;
}

.larger-icons a {
    float: left;
    margin: 10px 10px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #BFE6F7;
    padding: 10px;
    border-radius: 10px;
    width: 190px;
}

.larger-icons a:hover,
.larger-icons a:focus {
    border: 1px solid #ccc !important;
    background: #fff !important;
    box-shadow: 0 0 10px #555;
    color: #333 !important;
}

.larger-icons a img {
    margin-bottom: 10px;
}
*/

/* Settings page */
.container.settings table {
    margin: 10px 0;
    border: 1px solid #eee;
    width: 931px;
}

.container.settings table tr th {
    padding: 10px;
    background: #eee;
    text-align: left;
    vertical-align: middle;
}

.container.settings table tr td {
    padding: 15px 10px;
    text-align: left;
    vertical-align: middle;
    height: 25px;
}

.container.settings table tr td img {
    height: 25px;
}

.question-number-container {
    font-weight: bold !important;
    text-align: left !important;
    font-size: 14px !important;
}

.question-number-container > * {
    font-weight: bold !important;
    text-align: left !important;
    font-size: 14px !important;
}

/* Login Page */
html body div.bodywrapper div#body div.wrapper div.content div#signIn.toggleTab form.cleanForm ul.errors {
    list-style: none;
}

html body div.bodywrapper div#body div.wrapper div.content div#signIn.toggleTab form.cleanForm ul.errors {
    margin-left: 145px;
    color: red;
}

a:hover, a:focus {
    text-decoration: none;
    color: #006EA3;
}

div#pageContainer {
    width: 850px;
    margin: 0 auto;
    padding: 1px;
    border: 1px solid #d7dadf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#signIn {
    padding: 50px 25px 30px 25px;
    background: #BFE6F7;
 /* Fallback */
}

div#signIn form.cleanForm {
    width: 440px;
    margin: 0 auto;
}

form.cleanForm p {
    margin-bottom: 15px;
}

form.cleanForm div a, .sidebar .item p a, 
.post-larger-icons a span.description span.link,
.content div.container div.container div#accordion.ui-accordion div.ui-accordion-content p a#contact,
.content div.container div.container div#accordion.ui-accordion div.ui-accordion-content p a.innerlink,
.contact p a {
    color: black;
    border-bottom: 1px solid #006EA3;
    font-size: 12px;
}

form.cleanForm div a:hover,
form.cleanForm div a:focus,
.sidebar .item p a:hover,
.sidebar .item p a:focus,
.post-larger-icons a span.description span.link:hover,
.post-larger-icons a span.description span.link:focus,
.content div.container div.container div#accordion.ui-accordion div.ui-accordion-content p a#contact:hover,
.content div.container div.container div#accordion.ui-accordion div.ui-accordion-content p a#contact:focus,
.content div.container div.container div#accordion.ui-accordion div.ui-accordion-content p a.innerlink:hover,
.content div.container div.container div#accordion.ui-accordion div.ui-accordion-content p a.innerlink:focus,
.contact p a:hover,
.contact p a:focus {
    color: #006EA3;
    border-bottom: 1px solid #006EA3;
}

.content .container.centered form input[type=text], 
.content .container.centered form input[type=password], 
.bodywrapper div#body div.wrapper div.content div#signIn.toggleTab form.cleanForm input[type="text"], 
input[type="password"], 
input[type="email"] {
    color: #787a7e;
    font-size: 18px;
    padding: 0 15px;
    border: 1px solid #d5d9de;
    outline: none;
    height: 50px;
    width: 250px;
    -moz-box-shadow: 0 0 0 2px #faf9f9, inset 0 0 5px 5px #faf9f9;
    -webkit-box-shadow: 0 0 0 2px #faf9f9, inset 0 0 5px 5px #faf9f9;
    box-shadow: 0 0 0 2px #faf9f9, inset 0 0 5px 5px #faf9f9;
    border-radius: 5px;
}

html body div.bodywrapper div#body div.wrapper div.content div#signIn.toggleTab form.cleanForm button#login {
    border: 1px solid #39adf0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #6ac7fc;
 /* Fallback */
    background: 88% center no-repeat, -moz-linear-gradient(top, #6ac7fc, #39adf0);
    background: 88% center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#6ac7fc), to(#39adf0));
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 15px 12px 15px;
    cursor: pointer;
    margin: 0 0 10px 154px;
}

div#signIn.toggleTab form.cleanForm button#login:hover,
div#signIn.toggleTab form.cleanForm button#login:focus {
    background: #70d2fd;
 /* Fallback */
    background: 88% center no-repeat, -moz-linear-gradient(top, #70d2fd, #3cb9f5);
    background: 88% center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#70d2fd), to(#3cb9f5));
}

.content .container.centered form select:hover,
.content .container.centered form select:focus,
.content .container.centered form input[type=text]:focus,
.content .container.centered form input[type=text]:hover,
.content .container.centered form input[type=password]:hover,
.content .container.centered form input[type=password]:focus,
div#signIn.toggleTab form.cleanForm input[type="text"]:hover, 
div#signIn.toggleTab form.cleanForm input[type="text"]:focus,
input[type="text"]:hover,
input[type="text"]:focus, 
input[type="password"]:hover, 
input[type="password"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,  
div#signIn.toggleTab form.cleanForm p#login-username.textArea input#email:focus,
div#signIn.toggleTab form.cleanForm p#login-username.textArea input#email:hover 
{
    border: 1px solid #0D72AA;
}

form.cleanForm p label {
    font-weight: bold;
    font-size: 14px;
    display: block;
    float: left;
    width: 130px;
    height: 55px;
    line-height: 55px;
    margin-right: 17px;
    text-align: right;
}

form.cleanForm p em {
    margin-top: 15px;
}

form.cleanForm span.requiredField {
    font-size: 14px;
    color: #ff0000;
}

div.formExtra, div.distanceLeft input[type="checkbox"], 
.bodywrapper div#body div.wrapper div.content div#signIn.toggleTab form.cleanForm button#login, em {
    margin-left: 145px;
}

div.distanceLeft {
    margin: 25px 0 20px 0;
}

div.distanceLeft label {
    padding-left: 5px;
}

/* Sitemap */

.container.sitemap {
    padding: 20px 0 20px 21px;
}

.container.sitemap .sitemap {
    float: left;
    width: 360px;
    height: auto;
    background: white;
    color: white;
    margin: 0 0 21px 0;
}

.container.sitemap .sitemap p {
	padding: 5px 6px 5px 6px;
	color: #333;
}


.container.sitemap .sitemap:hover,
.container.sitemap .sitemap:focus {
    box-shadow: 0 0 10px #333;
}

.container.sitemap .sitemap h3 {
    background: url(../images/documents-document-h3.png) repeat-x #007298;
    min-height: 21px;
    height: auto;
    line-height: 21px;
    padding: 5px 6px 5px 6px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: white;
    margin: 0px;
}

.container.sitemap .sitemap h3 a {
	font-size: 11px;
    color: white;
    border-bottom: 1px solid #1271c1;
}

.container.sitemap .sitemap h3 a:hover,
.container.sitemap .sitemap h3 a:focus {
	font-size: 11px;
    border-bottom: 1px solid #fff;
}

.container.sitemap .sitemap .item {
    overflow: hidden;
    border: 1px solid #7B868C;
    padding: 4px;
    margin: 3px 3px;
}

.container.sitemap .sitemap.collapsed h3 {
    padding-bottom: 5px;
}

.container.sitemap .overflow .subjectform textArea {
    height: 70px;
    width: 400px;
}

.container.sitemap .sitemap .item label {
    float: left;
    margin: 8px 0;
    width: 234px;
}

.container.sitemap .sitemap .item label a {
    color: white;
}

.container.sitemap .sitemap .item.last {
    margin-bottom: 6px;
}

.container.sitemap .sitemap .item:hover,
.container.sitemap .sitemap .item:focus {
    box-shadow: inset 0 0 7px #aaa;
}
/* Sitemap Table */
table.sitemapmgr {
    width: 100%;
    background: white;
    color: #333;
}

table.sitemapmgr th {
    border-width: 0px;
    padding: 7px;
    border-style: inset;
    border-color: white;
    background-color: white;
    text-align: left;
    border-bottom: 1px solid #d7d7d7;
}

table.sitemapmgr td {
    border-width: 0px;
    padding: 9px;
    border-color: white;
    background-color: white;
}

table.sitemapmgr tr:hover td,
table.sitemapmgr tr:focus td {
    background: #eee;
}

.tblheaderbtn {
    text-align: right;
}

.tblcatheader {
    text-align: left;
    font-size: 14px;
}

.spacer {
    padding: 10px;
}

.frmcontainer {
    font-size: 14px;
    padding: 10px;
    text-align: center;
}

.sitemapmgr-cat {
    padding: 10px;
}

.delete {
    text-align: left;
}

.content div.container div.container div#accordion.ui-accordion
{
	width: 90%;
	margin: 0 0 52px 50px;
}
.container .container #accordion.ui-accordion h3.ui-accordion-header a {
	font-size: 18px;
	padding-top:15px;
	color: #0D72AA;
}

.container div.container div#accordion.ui-accordion h3.ui-accordion-header {
	margin: 10px 0 0 0;
}

.container div.container div#accordion.ui-accordion div.ui-accordion-content ul,
.container div.container div#accordion.ui-accordion div.ui-accordion-content ol {
	margin: 0 0 5px 30px;
	padding: 5px 0 0 0;
}

.content div.container div.main div div.boxes div.item.top h3
{
	font-size: 21px;
	font-weight:lighter;
	color: #0D72AA;
	padding: 10px 15px 0 0;
}

.content div.container div.main div div.separator
{
	background: url(../images/homev3-separator-after-bluebackground.png) repeat-x;
	border: none;
	margin: 0;
	background-position: left top;
	width: 700px;
}

.content div.container div.main div div.boxes
{
	padding: 0;
}

.content div.container div.main div div.boxes div.item.center
{
	padding-bottom: 0;
        background-color: #0577AD;
}

.content div.container div.main div div.boxes2 div.item.bottom div.item
{
	background: url(../images/homev3-now-available-box-inside-background.png) #fff repeat-x;
	border: 3px solid #fff;
	border-radius: 10px;
	width: 600px;
	position:relative;
	left:12px;
}

.content div.container div.main div div.boxes2 div.item div.item div.left ul#bottom-inactive-list
{
	margin-top: 37px;
}
	
.content.home div.container
{
	background: #fff;
}

.content div.container div.sidebar div.item form#getlink fieldset button.ui-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #09a9e8), color-stop(1, #0c74ac) );
	background:-moz-linear-gradient( center top, #09a9e8 5%, #0c74ac 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#09a9e8', endColorstr='#0c74ac');
	background-color:#09a9e8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #0062ad;
	margin-left: 145px;
	
	height: 35px;
	width: 60px;
}

.content div.container div.sidebar div.item form#getlink fieldset button.ui-button:hover,
.bodywrapper div#body div.wrapper div.content div#signIn.toggleTab form.cleanForm button#login:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0c74ac), color-stop(1, #09a9e8) );
	background:-moz-linear-gradient( center top, #0c74ac 5%, #09a9e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c74ac', endColorstr='#09a9e8');
	background-color:#0c74ac;
}

.content div.container div.sidebar div.item form#getlink fieldset button.ui-button:active {
	position:relative;
	top:1px;
}

#video-popup {
	overflow: visible;
	position: relative;
}

#video-popup .close {
	background: url(../images/video-close.png) no-repeat;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	z-index: 100000;
}

/* Edit homepage */
.container.edithomepage {
    padding: 20px 0 20px 21px;
}

.container.edithomepage .editblock
{
    float: left;
    clear: both;
    height: auto;
    background: white;
    margin: 0 0 0 0;
    width: 926px;
}

.container.edithomepage .editblock.break
{
    margin-bottom: 21px;
}

.container.edithomepage .editblock h3 {
    background: url("../images/documents-document-h3.png") repeat-x #007298;
    min-height: 21px;
    height: auto;
    line-height: 21px;
    padding: 5px 6px 5px 6px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: white;
}

.container.edithomepage .editblock form {
    padding: 10px;
    overflow: auto;
}

.container.edithomepage .editblock label {
    float: left;
    width: 100px;
    padding-top: 8px;
}

.container.edithomepage .editblock textarea {
    float: left;
    width: 700px;
    padding: 5px;
    border: 1px solid #d5d9de;
    outline: none;
    height: 35px;
    border-radius: 5px;
    resize: none;
}

.container.edithomepage .editblock textarea:focus {
    border: 1px solid #0D72AA;
}

.container.edithomepage .editblock.maintext textarea {
    height: 80px;
}

.container.edithomepage .editblock.bullets button.addnew {
    
}

.container.edithomepage .editblock.bullets form {
    padding-bottom: 0;
}

.container.edithomepage .editblock.bullets form div.updown {
    float: right;
    margin-left: 5px;
    margin-top: 10px;
}

.container.edithomepage .editblock.bullets form span {
    display: none;
}

.container.edithomepage .editblock.bullets form div.updown button.updown {
    width: 24px;
    height: 30px;
}

.container.edithomepage .editblock.bullets form div.updown button.updown:hover {
   border: 1px solid #007298;
}

.container.edithomepage .editblock.bullets form div.updown button.updown.up {
    background: url("../images/arrow-up.png") no-repeat center center;
}

.container.edithomepage .editblock.bullets form div.updown button.updown.down {
    background: url("../images/arrow-down.png") no-repeat center center;
}

.container.edithomepage .editblock.bullets form div.updown button.updown.remove {
    background: url("../images/delete.png") no-repeat center center;
}

.container.edithomepage .editblock.bullets form div.updown button.updown.disabled {
    background: #eee;
    cursor: not-allowed;
}

.container.edithomepage .editblock.bullets form div.updown button.updown.disabled:hover {
    border: 1px solid #8F8F90;
    box-shadow: 0 0 0 0;
}

.container.edithomepage .editblock.bullets form.addBullet {
    padding-bottom: 10px;
}

.container.edithomepage .editblock.bullets form.addBullet span {
    display: block;
}

.container.edithomepage .editblock.version label.version {
    width: auto;
    font-weight: bold;
}

.container.edithomepage .editblock.savechange label.saveChangeAlert {
    float: right;
    width: 540px;
    color: red;
    font-weight: bold;
    text-align: right;
    margin-top: 3px;
    display: none;
    padding: 2px 4px;
    background: #ffa;
    border-radius: 5px;
    border: 1px solid red;
}

.container.edithomepage .editblock.savechange button.largebutton {
    margin-right: 10px;
}

.container.edithomepage button.right {
    margin-right: 0px;
}
#search-result.container form.statusFilter
{
    float: right;
    width: 390px;
    vertical-align: middle;
}

#search-result.container form.statusFilter button.button
{
    float: right;
    margin-left: 5px;
}

#search-result.container form.statusFilter button.button span.ui-button-text span
{
    margin-top: 0px;
}

#search-result.container form.statusFilter button.button span.ui-button-text
{
    overflow: visible;
}

#search-result.container form.statusFilter label.status
{
    float: left;
    margin: 6px 5px 0px 1px
}

.container.mypapers {
    min-height: 130px;
}

.content.mypapers .table table th {
    padding: 5px 5px;
}
.content.mypapers .table table td {
    padding: 5px 5px;
}

.error-debug {
    text-align: left;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    overflow: auto;
    box-shadow: 5px 5px 10px #555;
}

.current-build {
    float: right;
    color: #fff;
    margin: 0;
    padding: 14px 16px 0 0;
    font-size: 10px;
}

.height200 {
    height: 200px;
}

.height300 {
    height: 300px;
}

.height400 {
    height: 400px;
}

/* Paper Edit */
.topicArea {
    text-transform: none;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 0 10px;
    letter-spacing: normal;
    overflow: hidden;
}
.topicArea p {
    margin: 0 !important;
}
.topicArea.topicRefresh {
    background: #1E231C;
}
.topicArea.topicRefresh button {
    float: right;
    margin: 0 0 0 10px;
}
.topicArea.topicProcess {
    background: #BFE6F7;
    color: #1C78AB;
    font-weight: bold;
    font-size: 16px;
    display: none;
}
.topicArea.topicProcess p {
    margin-top: 40px !important;
    width: 500px;
    float: left;
}
.topicArea.topicProcess img {
    float: right;
    margin: 0 10px 0 10px;
}

/* Hacks for Chosen plugin */
.chosen-container-single .chosen-single {
    box-shadow: none !important;
}
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-family: Verdana, arial, san-serif !important;
    color: #444 !important;
}
.chosen-container-single .chosen-single
{
    padding: 2px 5px !important;
}
.chosen-container-single .chosen-single {
    background: #fff !important;
}
.chosen-container-multi .chosen-choices {
    border-radius: 5px !important;
}
.chosen-container-multi.chosen-with-drop .chosen-choices {
    border-radius: 5px 5px 0 0 !important;
    border: 1px solid #AAA !important;
}
.chosen-container-active .chosen-single {
    border: 1px solid #5897FB;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #5897FB !important;
    box-shadow: none !important;
}

button#update, button#cancel, button#add {
    padding: 6px 10px;
    border: 1px solid #999;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
}

button#update:hover, button#update:focus, 
button#cancel:hover, button#cancel:focus,
button#add:hover, button#add:focus {
    background: #333;
    color: #fff;
    box-shadow: 0 0 5px #555;
}

button#update {
    margin-left: 15px;
}