/* Style sheet */

body, table, td, p
{
    color: #333333;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

img
{
    border: none;
}

.error
{
    color: #C33;
}

#metrix_content table tr.errorrow td {
    padding-top: 0;
    padding-bottom: 0;
}

#metrix_content .list-unstyled
{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#metrix_content .list-unstyled li{
    color: #333;
    font-weight: normal;
}

/* input, select, textarea{ */
/*     border-width: 1px; */
/* } */

.warning
{
    background-color: #F4D249;
    text-align: center;
    padding: 5px;
    border: 1px solid black;
}

.contact-table{
    margin-left: 1em;
}
.contact-table td{
    padding: 5px;
}
.contact-table th{
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 5px;
    white-space: nowrap;
}

#search table
{
    width: 100%;
}

#search table td{
	padding: 0.3em;
}
#search table input[type='text']
{
    width: 100%;
}

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

form input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-radius: 2px;
	margin: 2px;
	padding: 5px;
	background: #F9F9F9;
	border: 1px solid #CCC;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}

/* -----[ Links ]------------------------------------------------------------ */
a:link,
a:visited
{
	color: #2365b5;
    text-decoration: none;
}
a:hover
{
    color: #4684ee;
    text-decoration: underline;
}


a[href $='.pdf'] {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
}

/* -----[ Container ]----------------------------------------------- */
#bgd-fade
{
    height: 307px;
    width: 100%;
    position: absolute;
    z-index: -99;
}

#container
{
/*    width: 90%;
    margin-left: auto;
    margin-right: auto;*/
}

/* ----[ Logo, Header & Footer ]---- */

#header{
    min-width: 800px;
}
#header, #header-middle
{
    height: 85px;
    position: relative;
    z-index: 2;
}
#header-middle
{
    margin-left: auto;
    margin-right: auto;
    width:720px;
}

/* ----[ Navigation ]---- */
#topnav{
    min-width: 773px;
    height: 3em;
    margin: 0;
    font-size: 0.9em;
    background: transparent url(../img/nav/topnav_bgd.png) top repeat-x;
    padding-right: 1em;
    padding-left: 1em;
}
#topnav .langpanel{
    padding: 0.3em;
    float: left;
}

#topnav select, #topnav input[type='submit']{
    font-size: 0.85em;
}

#topnav ul.userpanel{
    float: right;
    margin: 0;
    padding: 0.3em;
    margin-top: 0.5em;
}
#topnav ul li{
    color: #15283e;
    list-style: none;
    display: inline;
    margin-left: 2em;
}

#navbar
{
/* hide shop specific breadcrumbs*/
    display: none;
}

#nav
{
    width: 720px;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 3;
}

#nav li
{
    height: 26px;
    margin: 0px;
}

#nav li a
{
    background: transparent;
    height: 13px;
    color: white;
    padding: 6px 10px;
}

#nav a:hover, #nav-user a:hover
#nav a.active, #nav-user a.active
#nav a.here, #nav-user a.here
{
    color: white;
}

#nav-content
{
    margin-left: auto;
    margin-right: auto;
    height: 55px;
}

#nav-content ul
{
    height: 25px;
    margin: 0px;
    padding-top: 15px;
    padding-left: 0px;
    list-style: none;
}

#nav-content ul li
{
    display: inline;
    float: left;
}

#nav-content ul li a
{
    color: #D4D4D4;
    position: relative;
    z-index: 4;
}

#nav-content ul li.home a
{
    padding-top: 45px;
    margin-top: -45px;
}

#nav-content ul li.download,  #nav-content ul li.about, #nav-content ul li.download a, #nav-content ul li.about a,
#nav-content ul li.services, #nav-content ul li.services a
{
    padding-top: 40px;
    margin-top: -33px;
}

#nav-content ul li.download, #nav-content ul li.download a{
	padding-top: 35px;
	margin-top: -27px;
}

#nav-content ul li.products, #nav-content ul li.products a{
    padding-top: 45px;
    margin-top: -30px;
}

#nav-content ul li.contact a {
    margin-top: -40px;
    padding-top: 40px;
}

#nav-user{
    width: 100%;
    min-width: 800px;
    height: 40px;
    position: relative;
    z-index: 3;
}

#nav-user-content{
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

#nav-user-content ul{
    padding: 0;
    margin: 0;
    position: relative;
}

#nav-user-content ul li{
    display: inline;
    float: left;
    height: 30px;
    margin-top: -2px;
    position: relative;
    z-index: 100;
}

/* -----[ Admin Navigation ]------------------------------------------------- */


#adminNav {
    width: 100%;
    position: relative;
    top: -8px;
    z-index: 1;
    min-width: 800px;
}

#adminNav-table {
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
}

#adminNav-content {
    height: 62px;
}

#adminNav-left {
    height: 62px;
    width: 6px;
    background: transparent url(../img/nav/userpanel_left.png) bottom left no-repeat;
}

#adminNav-right {
    height: 62px;
    width: 6px;
    background: transparent url(../img/nav/userpanel_right.png) bottom right no-repeat;
}

#adminNav #personal {
    border: 1px solid orange;
}


#adminNav-content table
{
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    height: 70px;
}

#adminNav-content table tr
{
    margin: 0;
    padding: 0;
}

#adminNav-content a{
    color: #49637e;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

#nav-user-content a
{
    color: #49637e;
    height: 100%;
    display: block;
    padding-top: 0.5em;
    padding-left: 15px;
    padding-right: 15px;
}

#adminNav-content span
{
    padding: 0px;
    padding: 6px 10px;
}

#nav-user-content a.here,
#nav-user-content a:hover,
#nav-user-content .active a,
#adminNav-content a.here,
#adminNav-content a:hover,
#adminNav-content .active a
{
    color: #143759;
    text-decoration: none;
}

#nav-user-content .active a,
#adminNav-content .active a
{
    color: #143759;
}

a.cart
{
    padding-left: 20px;
}

/* -----[ Footer ]----------------------------------------------------------- */

#footer{
    margin-top: 1em;
    padding-bottom: 10px;
}

#footer p
{
    color: #aaa;
    text-align: center;
}

/* -----[ Endnotes ]--------------------------------------------------------- */
#endnotes p
{
    padding: 0;
    color: #69C;
    text-align: right;
}
#endnotes a
{
    color: #4C86BF;
    text-decoration: none;
}
#endnotes a:hover
{
    color: #F9F9F9;
    text-decoration: none;
}

/* -----[ Main Content ]----------------------------------------------------- */

#metrix_content div.box span,
#metrix_content p.box span
{
    display: block;
    color: #BBBBBB;
}

#metrix_content h2
{
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #25497A;
    margin-top: 0;
}

#metrix_content h3
{
    color: #303030;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1.4em;

}

#metrix_content ul,
#metrix_content ol
{
    margin-top: 0px;
}

#metrix_content ul li,
#metrix_content ol li
{
    margin-top: 5px;
    font-weight: bold;
}

#metrix_content ol li p,
#metrix_content ul li p
{
    font-weight: normal;
    margin-bottom: 0;
}

.book-ad {
    padding: 20px;
    font-size: 1.1rem;
    line-height: 1.9rem;
    cursor: pointer;
}

.book-ad > p {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif !important;
    font-weight: 300;
    padding: 0.5rem 0.7rem 0.5rem 130px!important;
    background-color: #ca2329;
    color: #ffffff;
    /*background-color: #df6117;*/
/*    color: #FFF7F2;
    border: 1px solid #c85714;*/
}

.book-ad > p > a {
    color: white;
    font-weight: bold;
    font-style: italic;
}

.book-mini-cover {
    background: url("/static/img/7things_front_cover_mini.png") 0 0 no-repeat;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    width: 100px;
    height: 119px;
    float: left;
    position: relative;
    left: -10px;
    top: 0px;
}

/* -----[ Side Bar ]--------------------------------------------------------- */
#sidebar
{
    margin: 0;
    padding: 0;
}

#sidebar h2,#sidebar a{
    margin-top: 0;
}

#sidebar br
{
    margin-bottom: 1.4em;
}

#sidebar ul
{
    list-style: none;
	padding: 0;
	margin: 0;
}

#sidebar ul li
{
}

#sidebar ul li a
{
}

.sidebar-download, .sidebar-note,
.sidebar-info, .sidebar-filter{
    padding: 1.2em;
    padding-left: 1.5em;
    padding-bottom: 1.5em;
}

.sidebar-footer{
	margin:0;
	padding:0;
	width: 100%;
	height: 7px;
    position: relative;
    z-index: -1;
    top: -8px;
    left: -1px;
	border: 0;
}

.sidebar-download{
	background-color: #d2efb3;
}

.sidebar-note{
    background: #fffbe1;
	background: #fff2c1;
	background-color: #fff0c1;
    background-color: #fef7d6;
    background-color: #fef5ca;
}
.sidebar-info{
    background-color: #dce6f5;
}

.sidebar-download p, .sidebar-note p,
.sidebar-info p, .sidebar-download div,
.sidebar-note div, .sidebar-info div
{
    background-color: transparent;
    color: #555;
}

.sidebar-download span, .sidebar-note span,
.sidebar-info span
{
    font-weight: normal;
    clear: both;
    white-space: normal;
    line-height: 1.4em;
}

.sidebar-download h3, .sidebar-note h3,
.sidebar-info h3
{
    margin-top: 0px;
    padding-bottom: 2px;
}

.sidebar-download h3 a, .sidebar-note h3 a,
.sidebar-info h3 a,
.sidebar-download h3 a:visited, .sidebar-note h3 a:visited,
.sidebar-info h3 a:visited
{
    color: #333333;
}

/* -----[ Forms ]------------------------------------------------------------ */
.formTable td
{
    padding: 5px;
    font-size: 92%;
    text-align: right;
}
label
{
    color: #555;
}
td.fLabel
{
    text-align: right;
}
input.optional
{
    border: 1px dotted #BBB;
    padding: 2px;
}

input.submit
{
}

ul.errorlist
{
    margin: 0px;
    padding:0px;
    color: #C33;
    font-size: 12px;
    vertical-align: top;
}

ul.warninglist
{
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
    display: block;
}
ul.warninglist li {
    display: inline;
    float: left;
}
ul.errorlist li
{
    display: inline;
    color: #cf0000;
    font-weight: normal!important;
}

.fadebox, .err-fadebox{
    display: none;
    padding: 0.6em;
    background-color: #fef5ca;
    border: 1px dashed #ffdca1;
}

.fadebox{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

.err-fadebox{
    text-align: center;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
}

#metrix_content p{
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

#metrix_content form p{
    text-align: center;
    margin: 1em;
}
#metrix_content form table th, #metrix_content form table td {
    padding: 0.5em;
}
#metrix_content form th{
    vertical-align: center;
}
#metrix_content form label{
    text-align: right;
}

/* -----[ Manager ]---------------------------------------------------------- */
.darkrow, .darksubrow, .mini-darkrow, .mini-darksubrow{
    background-color: #edf3fe;
    background-color: #eef6ff;
	background-color: #e7ebf1;
    background-color: #ccd6e1;
    background-color: #f0f3f7;
    background-color: #c9dbf1;
    background-color: #fff;
}
.lightrow, .lightsubrow, .mini-lightrow, .mini-lightsubrow{
    background-color: #eff4fb;
    background-color: #dfe9f7;
    background-color: #e4edf8;
    background-color: #f5f8fc;
}

.darksubrow, .lightsubrow
{
}

.toggle-knob{
    margin: 0;
    padding: 0;
    margin-bottom: -2px;
}

.viewall{
    color: #BBB;
    display: inline;
    margin-left: 2em;
    font-variant: normal;
    text-transform: capitalize;
}

table.manager {
    clear: left;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    width: 100%;
}

table.manager th {
    padding-left: 0.2em;
    padding-right: 0.2em;
    border: 0;
    color: #333333;
    height: 22px;
    background-color: #efefef;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

table.manager tfoot td{
    padding: 0.5em;
    border: 0;
    color: #333333;
    height: 2em;
    background-color: #efefef;
    border-top: 1px solid #b5b5b5;
}

#evaluations,
#keys,
#results,
#portfolios{
    margin-bottom: 2em;
}

#evaluations table.manager,
#keys table.manager,
#results table.manager,
#portfolios table.manager,
table.ordertable{
    clear: both;
    width: 100%;
    margin: 0;
}

#evaluations tbody a,
#keys tbody a,
#results tbody a,
#portfolios tbody a{
    color: #003c97;
}

#evaluation .m-recyclable {
    background: lightgreen;
    background: url('/static/img/icon14_recycle2.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-right: 25px
}

#evaluation .eval-open {
    font-weight: bold;
}

#evaluation .eval-closed {
    font-weight: normal;
}

table.manager th a {
    display: block;
    text-decoration: none;
}

table.manager th a:visited {

}

table.manager th:hover{
    background-color: #f5f5f5;
}

table.manager td {
    margin: 0;
    vertical-align: top;
}

table.manager tbody tr.description td{
    background-color: #f0f6ff;
    padding: 0px;
}

table.manager tbody tr.description td
{
    padding: 0px;
    background: none;
}

table.manager th,
table.manager td
{
    padding: 0.3em 0.5em 0.3em 0.5em;
    color: #1c0a1f;
}
table.manager td
{
    padding: 0.8em;
    color: #1c0a1f;
}

table.manager tr.darkrow td, table.manager tr.lightrow td
{
    padding-left: 1em;
    border-bottom: 1px solid #e4edf8;
}

table.manager tr.darksubrow td, table.manager tr.lightsubrow td
{
    padding: 0;
}

table.manager tr.darksubrow td .description, table.manager tr.lightsubrow td .description
{
    margin-left: 1em;
    margin-right: 1em;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

table.manager .entry-wo-desc
{
    margin-left: 0.2em;
}
table.manager .entry-with-desc
{
    padding-left: 0em;
}

table.manager tr.mini-darkrow td, table.manager tr.mini-lightrow td
{
    padding: 0;
}

table.manager tbody tr:hover{
    background: #e4edf8;
    border: 1px solid;
    border-color: #ffbe3f;
    cursor: pointer;
}

table.manager tbody tr {
    border: solid 1px transparent;
}

table.manager .eval-status
{
    text-align: right;
}

table.manager .eval-nbrresults
{
    text-align: right;
}

table.manager .sequence
{
    text-align: center;
}

table.manager .eval-name,
table.manager .key-ref {
    text-align: left;
}

table.manager .key-ref{
}

table.manager .date{
    width: 13em;
}

table.manager .key,
table.manager .project{
    width: 10em;
    white-space: nowrap;
}

table.manager .eval-keycount,
table.manager .credits
{
    text-align: right;
    width: 5em;
}

table.manager .eval-modified
{
    white-space: nowrap;
    text-align: right;
}

table.manager th {
    white-space: nowrap;
}

table.manager th.maincol,
table.manager th.maincol a,
table.manager th.maincol a:visited{
    text-align: left;
}

table.manager .align-left
{
    text-align: left;
}

table.manager .align-right
{
    text-align: right;
}

table.manager .align-center
{
    text-align: center;
}

table.manager tfoot td{
}

.status-ongoing, .status-finished{
    color: #aaa;
    font-weight: normal;
    font-variant: small-caps;
    font-size: 1.1em;
}

.status-ongoing{
    color: #444;
}

.status-details{
    color: #535353;
    font-size: 0.9em;
    font-variant: small-caps;
    text-align: right;
    padding: 0;
    margin-left: 1em;
    margin-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.evaluation_details .controls {
	display: block;
	padding: 0 0 1em 0;
}

.evaluation_details .controls span {
    display: block;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 3px 5px 3px 5px;
    box-shadow: -2px -2px 0px #F8F8F8;
}

.evaluation_details .title {
	font-size: 1.5em;
	line-height: 1.3em;
	/*padding: 0.3em 0 0.1em 0;*/

    border-top: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-top-left-radius: 5px;
    border-color: rgb(228, 228, 228);
    padding: 0.5em 15px 0.2em 15px;
    margin: 0;
}

.evaluation_details .main_info {
    margin: 0;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: rgb(228, 228, 228);
    padding: 0.2em 15px 0.9em 15px;   
}

.evaluation_details .collapsable_cont {
    margin: 0;
    border-top: solid 1px;
    border-left: solid 1px;
    border-right: solid 1px;
    border-color: #e8e8e8;
    background-color: #f9f9f9;
    padding: 0.2em 15px;
}

.evaluation_details details {
    /*border: 2px solid;*/
    /*border-color: whiteSmoke;*/
    padding: 0.3em;
    margin-top: 0em;
    margin-bottom: 0em
}

.evaluation_details .date_info {
    font-size: 0.85em;
    color: #494949;
    padding: 0;
    margin: 0;
}

.evaluation_details .date_props {
    display: table;
    padding: 0;
    margin: 0;
}

.evaluation_details .date_props .row {
    display: table-row;
}

.evaluation_details .date_props .cell {
    display: table-cell;
    padding: 0.1em 1em 0.1em 0;
}

/*.evaluation_details div .datetime_label {
    display: inline-block;
    width: 200px;!important
}*/

.evaluation_details .begin_end_dates label {
    width: 50em;
}

.evaluation_details details summary {
    font-weight: normal;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    cursor: pointer;
}

.evaluation_details details > div {
    padding: 0.3em 1em 0.3em 1em; 
}


.evaluation_details details ul {
    margin: 0.2em 0 0.2em 0; 
}

.evaluation_details details ul li {
	font-weight: normal !important;
	color: #333;
}

.evaluation_details .collaborators_list td {
	padding: 0.1em 0.4em;
    font-size: 0.9em;
}

.evaluation_details > div:last-child { 
    background-color: red;
    border-top: none;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #e8e8e8;
    background-color: #f9f9f9;
    padding: 0.2em 15px;
}

span.sync-status {
    display: block;
    height: 12px;
    width: 12px;
    background-color: none;
    border-radius: 50%;
}

span.sync-status__synced {
    background-color: green;
}

span.sync-status__not-synced {
    background-color: #d3d3d3;
}

/* -----[ Details Page ]----------------------------------------------------- */

.summary
{
    margin-left: 10px;
    margin-right: 10px;
}

table.sotmanager {
    clear: left;
    width: 100%;
    border-spacing: 2px 0px;
    padding: 10px;
}

table.sotmanager th {
    padding: 3px 6px;
    border: none;
    color: #333333;
    border-bottom: 1px solid lightgray;
}

table.sotmanager .credits{
    width: 7em;
    text-align: right;
}

table.sotmanager th a {
    display: block;
    text-decoration: none;
    text-align: left;
    color: #333333;
}

table.sotmanager th a:visited {
    color: #333333;
}

table.sotmanager td {
    padding: 3px 5px 3px 5px;
}

table.sotmanager tbody tr.description td{
    background-color: #f0f6ff;
    padding: 10px;
}

table.sotmanager tbody tr.description td
{
    padding: 0px;
    padding-left: 20px;
    padding-bottom: 10px;
    background: none;
}

table.sotmanager tr td
{
    border-bottom: 1px dashed lightgray;
    padding: 8px;
}

table th.ascending a, table th.descending a {
    padding-right: 1.2em;
    display: block;
    background-color: #efefef;
}

.superuser_lnk {
	background-color: red;
	color: #FFF !important;
	padding: 2px 5px;
	border-radius: 5px;
	font-weight: normal !important;
}

.lbl_excluded {
  background-color: #FC0;
  color: black !important;
  padding: 1px 5px;
  border-radius: 4px;
  font-weight: strong !important;
}

.lbl_shared {
  background-color: #999;
  color: white !important;
  padding: 1px 5px;
  border-radius: 4px;
  font-weight: strong !important;
}

.lbl_has_feedback {
  background-color: #99CC33;
  color: black !important;
  padding: 1px 3px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: strong !important;
}

/* -----[ Wizard ] -----------------------------------------------------------*/
.wizform fieldset {
    padding: 10px;
}

.wizform fieldset legend {
    margin-bottom: 10px;
    display: block;
    padding-bottom: 1em;
}

.wizcontrols {
    width: 100%;
    margin-top: 2em;
}

.wizcontrols .rightcontrols {
    text-align: right;
    width: 100px;
}

.wizcontrols .centercontrols {
    width: 100%;
}

.wizcontrols .leftcontrols {
    text-align: left;
    width: 100px;
}

.wizform ol li div.labelarea {
    width: 3em;
    background: red;
}

.wizform ol li div.inputarea {
    width: 100%;
}

.wizform label {
    clear:both;
    padding: 3px 10px 0px 0px;
    float: left;
    color: #333;
    display: block;
}

.wizform ol {
    list-style: none;
}

.wizform input {
    margin-bottom: 5px;
    width: 25em;
}

.wizform textarea {
    height: 150px;
    width: 27em;
}

.wizform #submitbutton {
    width: 90px;
}

/* -----[ Miscellaneous ]---------------------------------------------------- */
.xlinks, a.xlinks {
    visibility: hidden;
}


a[href $='.pdf'] {
	background: transparent url(../img/icons/pdf.png) no-repeat center left;
}

#bgd-b {
	background: transparent url(../img/header/me2-bgd.png) top repeat-x;
}

#page-left-right {
	background: url(../img/header/me2-header-left.png) left no-repeat;
}

#page-right-left {
	background: url(../img/header/me2-header-right.png) left no-repeat;
}

#header {
	background: url(../img/header/me2-header-bgd.png) right repeat-x;
}

#header-middle {
    background: url(../img/header/me2-header-logo.png) center no-repeat;
}

#nav {
	background: url(../img/header/me2-header-shelf.png) top no-repeat;
}

a.cart {
    background: transparent url(../img/icons/cart.png) no-repeat center left;
}

#topnav li.login a {
    background: transparent url(../img/icons/login.png) no-repeat center left;
}

#nav-left {
    background: transparent url(../img/nav/nav-left.png) no-repeat;
}

#nav-right {
    background: transparent url(../img/nav/nav-right.png) no-repeat;
}

#nav-content ul li.home a {
    background: transparent url(../img/nav/me2-nav-home.png) top center no-repeat;
}

#nav-content ul li.download a {
    background: transparent url(../img/nav/nav_download.png) top center no-repeat;
}

#nav-content ul li.products a {
    background: transparent url(../img/nav/me2-nav-products.png) top center no-repeat;
}

#nav-content ul li.services a {
    background: transparent url(../img/nav/me2-nav-contact.png) top center no-repeat;
}

#nav-content ul li.contact a {
    background: transparent url(../img/nav/me2-nav-info.png) top center no-repeat;
}

#adminNav-content a,
#adminNav-content a:hover,
#adminNav-content .active a{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 40px;
    position: relative;
    top: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center -46px;
}

#adminNav-content a:hover{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 40px;
}

#adminNav-content .active a{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 40px;
    top: -3px;
}

#adminNav-content a:hover,
#adminNav-content .active a{
    background-position: center 8px;
}

#adminNav-content .nav-summary a{
    background-image: url(../img/icons/icon_summary.png);
}

#adminNav-content .nav-projects a{
    background-image: url(../img/icons/icon_profile.png);
}

#adminNav-content .nav-help a{
    background-image: url(../img/icons/icon_help.png);
}

#adminNav-content .nav-results a{
    background-image: url(../img/icons/icon_results.png);
}

#adminNav-content .nav-evaluations a{
    background-image: url(../img/icons/icon_evaluations.png);
}

#adminNav-content .nav-portfolio a{
    background-image: url(../img/icons/icon_portfolio.png);
}

#adminNav-content .nav-profile a{
    background-image: url(../img/icons/icon_profile.png);
}

#adminNav-content .nav-keys a{
    background-image: url(../img/icons/icon_keys.png);
}

#adminNav-content .nav-history a{
    background-image: url(../img/icons/icon_history.png);
}


/*fix for IE*/
#adminNav-content .nav-projects {
    cursor: pointer;
}

#adminNav-content .nav-help {
    cursor: pointer;
}

#adminNav-content .nav-results {
    cursor: pointer;
}

#adminNav-content .nav-evaluations {
    cursor: pointer;
}

#adminNav-content .nav-portfolio {
    cursor: pointer;
}

#adminNav-content .nav-profile {
    cursor: pointer;
}

#adminNav-content .nav-keys {
    cursor: pointer;
}
/*end fix fo IE*/


#nav-user{
    background-image: url(../img/nav/usernav_bgd.png);
}

#nav-user-content ul li.active{
    background: transparent url(../img/nav/usernav_active.png) bottom repeat-x;
    border: 1px solid #cacaca;
}

#adminNav-content{
    background: transparent url(../img/nav/userpanel_bgd.png) bottom repeat-x;
}

#adminNav-content .active{
    padding-top: 43px;
	padding-bottom: 4px;
    background: transparent url(../img/nav/userpanel_active.png) bottom repeat-x;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

table.manager th.ascending a,
table.sotmanager th.ascending a {
    background: transparent url(../img/ascending.png) right no-repeat;
}

table.manager th.descending a,
table.sotmanager th.descending a {
    background: transparent url(../img/descending.png) right no-repeat;
}

table.manager th.sorted{
    background-color: #f5f5f5;
}

.header {
    background: url(../img/header/me2-header-bgd.png) right repeat-x;
}

/* -----[ Paginator ]----- */

.paginator{
    text-align: center;
}

.paginator .this-page{
    padding-left: 0.7em;
    padding-right: 0.7em;
    font-weight: bold;
    font-size: 1.2em;
}

.paginator a{
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.paginator-result-count
{
    color: gray;
    text-align: center;
}

.paginator .end, .paginator .first{
    font-size: 1.2em;
}

#nav-user-content div.ahover {
    background: transparent url(../img/nav/usernav_active.png) bottom repeat-x;
    position: absolute;
    z-index: 99;
    border: 1px solid #cacaca;
    margin-top: 1px;
}

#adminNav-content div.ahover{
    background: transparent url(../img/nav/userpanel_active.png) bottom repeat-x;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}

.overlay{
    background: #333333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 250;
    opacity: 0;
    filter: alpha(opacity=0);
}

img.result{
    margin: auto;
}

table.result-table{
    margin: auto;
    margin-bottom: 2em;
}
table.result-table td{
    padding: 1em;
    padding-top: 0em;
    padding-bottom: 0em;
}

#quick-search{
}

#quick-search ul{
    display: inline;
    border: 1px solid red;
}

#quick-search ul li{
    display: inline;
}

#quick-search form, #quick-search form input{
    display: inline;
    font-size: 1em;
    vertical-align: middle;
    margin: 0;
    margin-left: 0;
}

#quick-search form input{
    padding-left: 0.2em;
    border: 1px solid lightgray;
}

#quick-search form input[type='submit']{
    font-family: monospace;
    font-weight: bold;
    background: #efefef;
    font-size: 1em;
    padding: 0.1em;
    color: gray;
    padding-bottom: 0.2em;
    padding-left: 0.3em;
    padding-right: 0.2em;
    border: 1px solid lightgray;
}

.table-title{
    margin:0;
    height: 17px;
    font-weight: bold;
    text-align: center;
    text-transform: lowercase;
    font-variant: small-caps;
    background: transparent url(../img/th_bgd.png) top repeat-x;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
}

/* -----[ User filters ]----- */

.faqid{
    display: none;
}

.faqquestion{
    margin-top: 1.5em;
}

.faqanswer{
}

pre{
    font-size: 10pt;
}

.postal{
    padding: 1em;
    padding-top: 0;
    line-height: 2pt;
}

#adminNav-content table td a:focus,
#nav-user-content a:focus,
a:focus{
    color: #ffaa05;
    outline: 0;
}

#product_panel{
}

#product_price_prefix{
    font-size: 0.85em;
    color: #707070;
    margin-right: 4px;
}

#price{
    color: #628501;
    font-size: 2.5em;
    line-height: 1.5em;
}

#product_description{
    clear: both;
    margin-top: 10px;
}
#fullprice{
    color: #9f1300;
    color: #d5deba;
}

#product_form input, #product_form select{
    font-size: 0.95em;
}

#product_form label{
    margin-left: 1.5em;
    margin-right: 0.5em;
    font-size: 1em;
}

#product_options{
    vertical-align: middle;
    display: block;
}
#product_name{
    font-weight: normal;
    font-size: 2em;
    line-height: 1.5em;
    color: #25497A;
    margin-top: 0;
}

#cart th, #cart td{
    padding: 10px;
}
#checkout{
    text-align: right;
    font-size: 2em;
    padding-right: 5px;
}

.controls{
    color: lightgray;
    font-size: 0.8em;
    display: inline;
    margin-left: 1em;
    letter-spacing: 1px;
}

#key_table th,
#project_table th{
	vertical-align: top;
    text-align: right;
}

#key_table td,
#key_table th,
#project_table td,
#project_table th{
    padding: 0.5em;
}

.subtle{
    list-style: none;
    font-size: 0.9em;
    color: lightgray;
    margin-left: 1em;
}

div.tools{
    font-size: 1.2em;
}

.sidebar-search{
    margin-bottom: 1em;
}

.sidebar-filter{
    background: #efefef;
    padding: 0.8em;
}

.sidebar-filter ul li{
    padding: 0;
    padding-left: 5px;
}

.sidebar-filter ul li a{
    padding: 0;
    margin: 0;
    color: gray;
}

.sidebar-filter ul li.selected a{
    color: #2365b5;
    border-left: 5px solid lightgray;
    padding-left: 0.2em;
    font-weight: bold;
    background: transparent;
}

.sidebar-tools{
    padding: 1.2em;
    padding-left: 0;
    padding-bottom: 1.5em;
}

.add{
    padding-left: 25px;
    background: transparent url(../img/icons/add_icon.png) left center no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}

.download_link{
    padding-left: 25px;
    background: transparent url(../img/icons/download_icon.png) left center no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}


.del{
    padding-left: 25px;
    background: transparent url(../img/icons/del_icon.png) left center no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}

.recycle{
    padding-left: 25px;
    background: transparent url(../img/icons/recycle_icon.png) left center no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 1em;
}

.shop{
    padding-left: 25px;
    background: transparent url(../img/icons/minicart_icon.png) left center no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}

.profileupdate .formlabel{
    text-align: right;
}

.profileupdate .forminput{
    text-align: left;
}

.profileupdate h4{
    text-align: center;
    padding:0;
    margin: 0;
}

#metrix_content .help{
    color: gray;
    font-size: 0.8em;
    display: block;
    text-align: center;
}

#metrix_content .profile th{
    color: #707070;
    text-align: right;
    vertical-align: top;
}
#metrix_content .profile td{
    color: #707070;
    text-align: left;
    vertical-align: top;
}
#metrix_content .profile li{
    color: #505050;
    font-weight: normal;
}

#metrix_content .profile,
#metrix_content .profile ul{
    list-style: none;
    padding:0;
    margin:0;
}

#metrix_content .profile th,#metrix_content .profile td{
    padding: 0.5em;
}

#graph:hover{
   cursor: pointer;
}

#message, #reason, .upload_info{
    background: #f9f9f9;
    border: 1px solid #efefef;
    padding: 1em;
    margin: 1em;
}

#eval_table th{
    vertical-align: top;
}

#checkoutprogress ul{
    display: inline;
    padding: 0;
    margin:0;
}

#checkoutprogress ul li{
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-weight: normal;
    display: inline;
    margin-right: 2em;
}

#checkoutprogress .current{
    font-weight: bold;
    color: #628501;
    font-size: 1.2em;
}

.alert-success {
    position: absolute;
    display: none;
    float: left;
    color: #468847;
    background-color: #dff0d8;
    left: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #d6e9c6;
    border-radius: 4px;
    padding: 3px 6px;
    width: 200px;
}