/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.bred {
    color: #FF0000;
    font-size: 12px;
    font-family: helvetica;
    font-weight: bold;
}

.prov {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 1px black solid;
}

.style2 {
    color: #395479
}

.style3 {
    font-size: 12px;
    font-family: helvetica;
    color: #FF6600
}

/*css abstract*/
.styletab2 {
    color: #000099;
}

.styletab {
    width: 1024px;
    background-color: #e4e5e0;
}

/*INIZIO MODIFICA (struttura generale CSS )*/

#tab_footer {
    color: #000099;
    font-family: "Times New Roman";
    font-size: 10px;
}

#tab_footer_color {
    background-color: #e4e5e0;
}

img {
    border: none;
}

/* login.py settings */
.field {
    width: 130px;
    height: 20px;
}

.login_content {
    background: #ffffff;
    width: 1024px;
    padding-top: 10px;
}

#forget {
    font-size: 10px;
    color: #000099;

}

#forget_content {
    padding: 0px 0px 15px 15px;
}


/*FINE MODIFICA (struttura generale CSS )*/

/*INIZIO MODIFICA (login css)*/

fieldset {
    border: 1px solid #8cacbb;
    padding: 0 16px 16px 16px;
    line-height: 1.5em;
    width: auto;
}

legend {
    font-size: 12px;
    font-weight: bold;
}

/*FINE MODIFICA (login css)*/
.portlet {
    padding: 1em;
    width: 500px;
    border-top: 1px solid #8cacbb;

    background-color: White;
}

.portletHeader {
    padding-left: 1em;
    padding-right: 1em;
    width: 500px;
    background-color: white;
    line-height : 1.6em;
}

p.motd1 {
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    font-family: helvetica;
    color: #FF6600;
}

p.motd2 {
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    font-family: helvetica;
    color: #395479;
}

p.strongest {
    font-size: 14px;
    font-weight: 900;
    text-align: left;
    font-family: helvetica;
    color: black;
}

p.boldred {
    font-size: 14px;
    font-weight: 900;
    text-align: left;
    margin-left: 1cm;
    font-family: helvetica;
    font-weight: bold;
    color: red;
}

p.strongestindent {
    font-size: 14px;
    font-weight: 900;
    text-align: left;
    margin-left: 1cm;
    font-family: helvetica;
    color: black;
}

A.paperBar:Link {
    text-decoration: none;
    font-size: 12px;
    color: black;

}

A.paperBar:Visited {
    text-decoration: none;
    font-size: 12px;
    color: black;
}

A.paperBar:Active {
    text-decoration: none;
    background-color: blue;
    font-size: 12px;
    color: white;
}

A.paperBar:Hover {
    text-decoration: none;
    background-color: blue;
    font-size: 12px;
    color: white;
}

A.reviewOverview:Hover {
    text-decoration: none;
    background-color: #ffffcc;
    font-size: 24px;
    font-family: helvetica;
    color: black;
}

A.functions:link {
    text-decoration: underline;
    font-size: 10px;
    font-family: helvetica;
    color: green;
}

A.functions:visited {
    text-decoration: underline;
    font-size: 10px;
    font-family: helvetica;
    color: green;
}

A.functions:active {
    text-decoration: none;
    background-color: #ffffcc;
    font-size: 10px;
    font-family: helvetica;
    color: green;
}

A.functions:hover {
    text-decoration: none;
    background-color: #ffffcc;
    font-size: 10px;
    font-family: helvetica;
    color: blue;
    outline: green;
}

A.reviewslink:link {
    text-decoration: underline;
    font-size: 10px;
    font-family: helvetica;
    color: green;
}

A.reviewslink:visited {
    text-decoration: underline;
    font-size: 10px;
    font-family: helvetica;
    color: green;
}

A.reviewslink:active {
    text-decoration: underline;
    font-size: 10px;
    font-family: helvetica;
    color: green;
}

A.reviewslink:hover {
    text-decoration: none;
    background-color: #ffffcc;
    font-size: 10px;
    font-family: helvetica;
    color: green;
    outline: blue;
}

.reviewslink {
    text-decoration: underline;
    font-size: 10px;
    font-family: helvetica;
    color: red;
}

OL.decimal {
    list-style-type: decimal
}

OL.upper-alpha {
    list-style-type: upper-alpha
}

OL.lower-alpha {
    list-style-type: lower-alpha
}

OL.upper-roman {
    list-style-type: upper-roman
}

OL.lower-roman {
    list-style-type: lower-roman
}

OL.none {
    list-style-type: none
}


/* -------------------------------
    Color Scheme:
orange          #fe5a00
black           #050807
sky             #92acda
gray            #5b7274
blue            #1c4169
lightyellow     #f6fdce
lightblue       #cbdbe3
dark            #181c08
------------------------------  */

body.normal {
    font-family: Helvetica, serif;
    background: url("/images/sfondo.png");
    width: 1000px;
    border: 1px solid black;
    padding: 10px;
    color: #1c4169;
    margin: 0 auto;
}
hr {
    border: none;
    height: 2px;
    background-color: #92acda;
    margin-top: 10px;
    margin-bottom: 10px;
}
h1 {
    font-size: 18px;
    font-family: Helvetica, serif;
}
h1:link {
    font-size: 18px;
    font-family: Helvetica, serif;
}
h2 {
    font-size: 17px;
    font-family: Helvetica, serif;
}
h3 {
    font-size: 16px;
    font-family: Helvetica, serif;
}
h4 {
    font-size: 15px;
    font-family: Helvetica, serif;
}
h5 {
    font-size: 14px;
    font-family: Helvetica, serif;
}
h6 {
    font-size: 13px;
    font-family: Helvetica, serif;
}
a:link {
    color: #fe5a00;
}
a:visited {
    color: #fe5a00;
}
a:hover {
    text-decoration: none;
    color: #1c4169;
    background-color: #f6fdce;
}
p {
    font-size: 14px;
    font-family: Helvetica, serif;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 16px;
}
.bold {
    font-weight: bold;
}
.emph {
    font-style: italic;
}
.red {
    color: #ff0000;
}
.black {
    color: #000000;
}
.white {
    color: #ffffff;
}
.green {
    color: #008000;
}
.orange {
    color: #ff6600;
}
/* ---------------------- */
/*          utils         */
/* ---------------------- */
.clearer {
    clear: both;
    float: none;
}
.fLeft {
    float:left;
}
.fRight {
    float:right;
}
.center {
    text-align: center;
}
.t0Space {
    margin-top: 0;
}
.b0Space {
    margin-bottom: 0;
}
.r0Space {
    margin-right: 0;
}
.l0Space {
    margin-left: 0;
}
.tSpace {
    margin-top: 10px;
}
.bSpace {
    margin-bottom: 10px;
}
.rSpace {
    margin-right: 10px;
}
.lSpace {
    margin-left: 10px;
}
.t2Space {
    margin-top: 20px;
}
.b2Space {
    margin-bottom: 20px;
}
.r2Space {
    margin-right: 20px;
}
.l2Space {
    margin-left: 20px;
}
.blueBox {
    background-color: #cbdbe3;
    padding: 15px;
    border: 1px solid #1c4169;
    box-shadow: 5px 5px 10px #1c4169;
    border-radius: 10px;
}
.redBox {
    background-color: #ffc3c3;
    padding: 15px;
    border: 1px solid #720000;
    box-shadow: 5px 5px 10px #ff958a;
    border-radius: 10px;
}
.cRed {
    color: red;
}
hr.orange{
    background-color: #fe5a00;
}
.formError,
.formSuccess {
    margin-top: 20px;
    margin-bottom: 30px;
}
.formSuccess h2 {
    color: green;
    text-align: center;
}
.formError h2 {
    color: red;
    text-align: center;
}
.formError ul {
    padding-left: 10px;
    list-style-type: none;
}
.formError ul li {
    font-size: 14px;
    color: red;
    line-height: 18px;
    background: url(/images/sqorange.gif) no-repeat 0px 5px;
    padding-left: 14px;
}
#logout {
    cursor: pointer;
    float: right;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 51px;
    margin-right: 10px;
}
input[type="hidden"] {
    display: none;
}
.hidden {
    display: none;
}
table {
    font-family: helvetica;
    font-size: 12px;
    color: #436976;
}
table .even {
    background-color: #cbdbe3;
}
table .odd {
    background-color: #e2e4ff;
}
.response.none{
    background: none;
}
.response.red {
    background-color: red;
}
.response.green {
    background-color: green;
}
.response.orange {
    background-color: orange;
}
.error {
    font-size: 12px;
    padding: 8px 10px;
    margin-bottom: 5px;
    color: red;
    background-color: #ffc3c3;
    text-align: left;
}
#overlay {
    background-color: rgba(158, 158, 158, 0.49);
    z-index: 999;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 17895697px;     /* A bigger number is not allow in FF */
    display: none;
}
#overlay-in {
    width: 300px;
    border: 5px groove #ffffff;
    text-align: center;
    background-color: #676767;
    margin: 0 auto;
    padding: 15px 20px 20px;
    position: fixed;
    top: 100px;
    left: 36%;
}
#overlay-in img {
    width: 32px;
    margin-right: 20px;
    position: relative;
    top: 8px;
}
#overlay-in span {
    line-height: 40px;
    color: #ffffff;
}
.stop-scrolling {
    overflow: hidden;
}

/* ---------------------- */
/*     Paper td.color     */
/* ---------------------- */
td.color.white,
span.color.white {
    background-color: #ffffff;
}
td.color.pink,
span.color.pink {
    background-color: #ffc0cb;
}
td.color.lightgreen,
span.color.lightgreen{
    background-color: #90ee90;
}
td.color.orange,
span.color.orange {
    background-color: #ffa500;
}
td.color.green,
span.color.green {
    background-color: #008000;
}
td.color.lightyellow,
span.color.lightyellow{
    background-color: #ffffe0;
}
td.color.yellow,
span.color.yellow{
    background-color: #ffff00;
}
td.color.red,
span.color.red {
    background-color: #ff0000;
}
td.color.gold,
span.color.gold{
    background-color: #ffd770;
}

/* ---------------------- */
/*   Paper td.response    */
/* ---------------------- */
td.response.acc,
span.response.acc {
    background-color: #008000;
    color: #ffffff;
    font-weight: bold;
}
td.response.rev,
span.response.rev {
    background-color: #ffff00;
    color: #0000ff;
    font-weight: bold;
}
td.response.rej,
span.response.rej {
    background-color: #ff0000;
    color: #ffffff;
    font-weight: bold;
}
td.response.wdr,
span.response.wdr {
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
}
td.response.red,
span.response.red {
    background-color: #ff0000;
}
td.response.white,
span.response.white {
    background-color: #ffffff;
}

/* ---------------------- */
/*       dataTable        */
/* ---------------------- */
.paginate_button.first {
    position: relative;
    top: 1px;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
}
.paginate_button.previous {
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
}
.paginate_button.next {
    margin-left: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
}
.paginate_button.last {
    position: relative;
    top: 1px;
    margin-left: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
}
.dataTables_filter {
    margin-bottom: 5px;
}

/* ---------------------- */
/*         buttons        */
/* ---------------------- */
input.button {
    display                 :   inline-block;
    padding                 :   0 33px;
    margin-top              :   10px;
    margin-bottom           :   10px;
    height                  :   20px;
    line-height             :   19px;
    border-radius           :   3px;
    text-decoration         :   none;
    font-family             :   "Lucida Grande", lucida, "Helvetica Neue", helvetica, sans-serif;
    font-size               :   12px;
    color                   :   #000000;
    text-shadow             :   0 1px 0 rgba(255,255,255,0.09);
    border                  :   1px solid #9a9a9a;
    box-shadow              :   inset 0 1px 0 rgba(255,255,255,1),
    0 1px 0 rgba(0,0,0,0.09);
    background-image        :   -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #EBEBEB),
        color-stop(0.5, #ECECEC),
        color-stop(0.5, #F3F3F3),
        color-stop(1, #FFFFFF)
    );
    background-image        :   -moz-linear-gradient(
        center bottom,
        #EBEBEB 0%,
        #ECECEC 50%,
        #F3F3F3 50%,
        #FFFFFF 100%
    );
    background-image                    :   -moz-linear-gradient(
        /* Mozilla Firefox */
        center bottom,
        #EBEBEB 0%,
        #ECECEC 50%,
        #F3F3F3 50%,
        #FFFFFF 100%
    );
    background-image                    :   -ms-linear-gradient(
        /* IE10 */
        center bottom,
        #EBEBEB 0%,
        #ECECEC 50%,
        #F3F3F3 50%,
        #FFFFFF 100%
    );
    background-image                    : -o-linear-gradient(
        /* Opera */
        center bottom,
        #EBEBEB 0%,
        #ECECEC 50%,
        #F3F3F3 50%,
        #FFFFFF 100%
    );
    background-image                    :   -webkit-gradient(
        /* Webkit (Safari/Chrome 10) */
        linear,
        left bottom,
        left top,
        color-stop(0, #EBEBEB),
        color-stop(0.5, #ECECEC),
        color-stop(0.5, #F3F3F3),
        color-stop(1, #FFFFFF)
    );
    background-image                    : -webkit-linear-gradient(
        /* Webkit (Chrome 11+) */
        center bottom,
        #EBEBEB 0%,
        #ECECEC 50%,
        #F3F3F3 50%,
        #FFFFFF 100%
    );
    background-image                    : linear-gradient(
        /* Default rule */
        center bottom,
        #EBEBEB 0%,
        #ECECEC 50%,
        #F3F3F3 50%,
        #FFFFFF 100%
    );
}
input.button.small {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
input.button.fill {
    width: 100%;
}
input.button.blue {
    background-color                    :   #87C5FB;
    border-color                        :   #56578f;
    border-top-color                    :   #5a5caf;
    border-bottom-color                 :   #52536f;
    background-image                    :   -moz-linear-gradient(
        /* Mozilla Firefox */
        center bottom,
        #D3F7FD 0%,
        #87C5FB 50%,
        #A1D1F9 50%,
        #D4E9FC 100%
    );
    background-image                    :   -ms-linear-gradient(
        /* IE10 */
        center bottom,
        #D3F7FD 0%,
        #87C5FB 50%,
        #A1D1F9 50%,
        #D4E9FC 100%
    );
    background-image                    : -o-linear-gradient(
        /* Opera */
        center bottom,
        #D3F7FD 0%,
        #87C5FB 50%,
        #A1D1F9 50%,
        #D4E9FC 100%
    );
    background-image                    :   -webkit-gradient(
        /* Webkit (Safari/Chrome 10) */
        linear,
        left bottom,
        left top,
        color-stop(0, #D3F7FD),
        color-stop(0.5, #87C5FB),
        color-stop(0.5, #A1D1F9),
        color-stop(1, #D4E9FC)
    );
    background-image                    : -webkit-linear-gradient(
        /* Webkit (Chrome 11+) */
        center bottom,
        #D3F7FD 0%,
        #87C5FB 50%,
        #A1D1F9 50%,
        #D4E9FC 100%
    );
    background-image                    : linear-gradient(
        /* Default rule */
        center bottom,
        #D3F7FD 0%,
        #87C5FB 50%,
        #A1D1F9 50%,
        #D4E9FC 100%
    );
}
input.button.inactive {
    opacity         :   0.5;
    cursor          :   default;
}
input.button.red {
    background-color                    :   #fb948e;
    border-color                        :   #8f5656;
    border-top-color                    :   #af5a5a;
    border-bottom-color                 :   #6f5252;
    background-image                    :   -moz-linear-gradient(
        /* Mozilla Firefox */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    :   -ms-linear-gradient(
        /* IE10 */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    : -o-linear-gradient(
        /* Opera */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    :   -webkit-gradient(
        /* Webkit (Safari/Chrome 10) */
        linear,
        left bottom,
        left top,
        color-stop(0, #fdb2b4),
        color-stop(0.5, #fb585d),
        color-stop(0.5, #f97d7d),
        color-stop(1, #fcb1b3)
    );
    background-image                    : -webkit-linear-gradient(
        /* Webkit (Chrome 11+) */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    : linear-gradient(
        /* Default rule */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
}
input.button.blue:active,
input.button:active{
    box-shadow              :
        inset 0 19px 0 rgba(0,115,215,0.3),
        inset 0 1px 0 rgba(255,255,255,1),
        0 1px 0 rgba(0,0,0,0.09);
}
input.button.red:active{
    box-shadow              :
        inset 0 19px 0 rgba(215, 0, 31, 0.29),
        inset 0 1px 0 rgba(255,255,255,1),
        0 1px 0 rgba(0,0,0,0.09);
}
input.button.mega{
    width: 150px;
    height: 80px;
    padding:0;
    line-height: normal;
    border-radius: 10px;
    cursor: pointer;
    overflow: visible;
}
input.button.mega.red{
    background-color                    :   #fb948e;
    border-color                        :   #8f5656;
    border-top-color                    :   #af5a5a;
    border-bottom-color                 :   #6f5252;
    background-image                    :   -moz-linear-gradient(
        /* Mozilla Firefox */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    :   -ms-linear-gradient(
        /* IE10 */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    : -o-linear-gradient(
        /* Opera */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    :   -webkit-gradient(
        /* Webkit (Safari/Chrome 10) */
        linear,
        left bottom,
        left top,
        color-stop(0, #fdb2b4),
        color-stop(0.5, #fb585d),
        color-stop(0.5, #f97d7d),
        color-stop(1, #fcb1b3)
    );
    background-image                    : -webkit-linear-gradient(
        /* Webkit (Chrome 11+) */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
    background-image                    : linear-gradient(
        /* Default rule */
        center bottom,
        #fdb2b4 0%,
        #fb585d 50%,
        #f97d7d 50%,
        #fcb1b3 100%
    );
}
input.button.mega:hover{
    box-shadow              :   inset 0px 0px 20px rgba(255,255,255,1),
                                0px 0px 20px #838383;
}
select {
    font-size               :   12px;
    border                  :   1px solid #9a9a9a;
    box-shadow              :   inset 0 1px 0 rgba(255,255,255,1),
    0 1px 0 rgba(0,0,0,0.09);
}

/* ---------------------- */
/*         header         */
/* ---------------------- */
header {
    width: 972px;
    color: #fe5a00;
    font-weight: bold;
    margin: 0 auto;
}
header a img {
  width: 100%;
}
header h5{
    margin-top: 5px;
}

/* ---------------------- */
/*         footer         */
/* ---------------------- */
footer{
    font-size: 12px;
    line-height: 16px;
}
footer span:first-of-type{
    border-left: 2px solid #92acda;
    font-weight: bold;
}
footer span{
    margin-top: 10px;
    background-color: #f6fdce;
    display: inline-block;
    border-top: 2px solid #92acda;
    border-bottom: 2px solid #92acda;
    border-right: 2px solid #92acda;
    padding: 2px 10px;
}

/* ---------------------- */
/*        Login        */
/* ---------------------- */
#welcome {
    width: 670px;
    float: left;
    margin-top: 50px;
    margin-left: 10px;
    margin-bottom: 50px;
}
#signin {
    width: 270px;
    margin-top: 50px;
    margin-right: 15px;
    margin-bottom: 50px;
    float:right;
    text-align: center;
}
#signin h2 {
    margin-bottom: 10px;
}
#signin h6 {
    text-align: center;
}
#signin label {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: right;
    font-size: 13px;
}
#signin input:not([type="button"]) {
    width: 123px;
    margin-right: 30px;
}

/* ---------------------- */
/*    Password recovery   */
/* ---------------------- */
#recovery {
    width: 400px;
    margin: 0 auto 20px;
    text-align: center;
}
#recovery h4 {
    margin-bottom: 10px;
    text-align: center;
}
#recovery label {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align: right;
}
#recovery input:not([type="button"]) {
    margin-right: 30px;
    width: 123px;
}

/* ---------------------- */
/*      Phase W-0-1-2     */
/* ---------------------- */
#phaseW .reminder,
#phase0 .reminder,
#phase1 .reminder,
#phase2 .reminder,
#phase3 .reminder {
    font-size: 14px;
    width: 260px;
    float: right;
    margin-right: 20px;
    position: relative;
}
#phaseW .reminder h3,
#phase0 .reminder h3,
#phase1 .reminder h3,
#phase2 .reminder h3,
#phase3 .reminder h3{
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    color: #720000;
}
span.mandatory {
    color: red;
    font-size: 30px;
    line-height: 14px;
    position: relative;
    top: 9px;
    display: inline-block;
}
#phaseW form,
#phaseWL form,
#phase0 form,
#phase1 form,
#phase2 form,
#phase3 form{
    margin-left: 20px;
    margin-bottom: 10px;
    width: 650px;
}
#phaseW div.left,
#phaseWL div.left,
#phase0 div.left,
#phase1 div.left,
#phase2 div.left,
#phase3 div.left {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}
#phaseWL div.left {
    padding-right: 0;
}
#phaseW div.right,
#phaseWL div.right,
#phase0 div.right,
#phase1 div.right,
#phase2 div.right,
#phase3 div.right {
    float: right;
    padding-left: 20px;
    padding-right: 25px;
}
#phaseW input[type="text"],
#phaseW input[type="text"],
#phase0 input[type="text"],
#phase1 input[type="text"],
#phase2 input[type="text"],
#phase3 input[type="text"] {
    width: 223px;
}
#phase0 input[name="Userpostal2"],
#phase1 input[name="CPpostal2"],
#phase2 input[name="CPpostal2"],
#phase3 input[name="CPpostal2"] {
    position: relative;
    top: -5px;
}
#phase0 select,
#phase1 select,
#phase2 select,
#phase3 select {
    width: 229px;
}
#phaseW textarea,
#phase0 textarea,
#phase1 textarea {
    resize: none;
}
#phaseWresponse #data,
#phase0response #data,
#phase1response #data,
#phase2response #data,
#phaseRresponse #data,
#phase3response #data,
#phaseCRresponse #data {
    font-size: 14px;
    padding-top: 10px;
}
#phaseWresponse #data label,
#phase0response #data label,
#phase1response #data label,
#phase2response #data label,
#phaseRresponse #data label,
#phase3response #data label,
#phaseCRresponse #data label {
    margin-left: 30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    width: 210px;
    position: relative;
    bottom: 2px;
    line-height: 18px;
    text-align: right;
    font-size: 14px;
}
#phaseCRresponse #data label {
    width: 400px;
}
#phaseWresponse #data ul,
#phase0response #data ul,
#phase1response #data ul,
#phase2response #data ul,
#phaseRresponse #data ul,
#phase3response #data ul {
    display: inline-block;
    vertical-align: middle;
}
#phaseWresponse #data ul li,
#phase0response #data ul li,
#phase1response #data ul li,
#phase2response #data ul li,
#phaseRresponse #data ul li,
#phase3response #data ul li {
    padding: 0;
    margin: 0 0 0 -3px;
}

/* ---------------------- */
/*         Phase W        */
/* ---------------------- */
table.workshoplisttable .selected {
    background-color: #1c4169;
    color: #ffffff;
}
#phaseW input[name="title"],
#phaseWL input[name="title"] {
    margin-left: 10px;
    width: 500px;
}
#phaseW div.organizer > div.left,
#phaseWL div.organizer > div.left {
    width: 110px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 30px;
    margin-top: 0;
}
#phaseWL div.organizer > div.left {
    width: 170px;
    margin-right: 5px;
}
#phaseWL div.organizer > div.left {
    padding-top: 0;
}
#phaseW div.organizer div.right,
#phaseWL div.organizer div.right {
    width: 445px;
    padding-right: 15px;
    padding-left: 5px;
}
#phaseWL div.organizer div.right {
    width: 435px;
}
#phaseW #organizers input[type="text"] {
    width: 206px;
}
#phaseWL #organizers input[type="text"] {
    width: 200px;
}
#phaseW #organizers input[name$="affil"] {
    width: 430px;
    margin-bottom: 10px;
}
.workshoplisttable {
    width: 100%;
}
.workshoplisttable .id {
    width: 3%;
}
.workshoplisttable .wtitle {

}
.workshoplisttable .acronym {
    width: 8%;
}
.workshoplisttable .organizersName {
    width: 25%;
}
.workshoplisttable .organizersEmail {
    width: 25%;
}
.workshoplisttable .publisher {
    width: 5%;
}
.workshoplisttable .deadline {
    width: 8%;
}
.workshoplisttable .active {
    width: 3%;
}
.innerEdit {
    width: 100%;
    resize: none;
    margin: 0;
    border: none;
    background: none;
}
tr.newWorkshop .innerEdit {
    background-color: #ffffff;
}

/* ---------------------- */
/*         Phase 0        */
/* ---------------------- */

/* ---------------------- */
/*        Phase 1-2       */
/* ---------------------- */
#phase1 input[name="title"],
#phase2 input[name="title"],
#phase3 input[name="title"] {
    margin-left: 10px;
    width: 440px;
}
#phaseW div.organizer input[type="button"],
#phaseWL div.organizer input[type="button"],
#phase1 div.author input[type="button"],
#phase2 div.author input[type="button"],
#phase3 div.author input[type="button"] {
    padding-left: 15px;
    padding-right: 15px;
}
#phase1 div.author > div.left,
#phase2 div.author > div.left,
#phase3 div.author > div.left {
    width: 84px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 30px;
    margin-top: 0;
}
#phase1 div.author div.right,
#phase2 div.author div.right,
#phase3 div.author div.right {
    width: 448px;
}
#phaseW div.organizer div.right div.left,
#phaseWL div.organizer div.right div.left,
#phase1 div.author div.right div.left,
#phase2 div.author div.right div.left,
#phase3 div.author div.right div.left {
    padding: 0 10px 0 0;
}
#phase1 #authors input[type="text"],
#phase2 #authors input[type="text"],
#phase3 #authors input[type="text"] {
    width: 208px;
}
#phase1 #authors input[name$="affil"],
#phase2 #authors input[name$="affil"],
#phase3 #authors input[name$="affil"] {
    width: 433px;
    margin-bottom: 10px;
}
#phaseW .onemoreorganizer,
#phaseWL .onemoreorganizer,
#phase1 .onemoreauthor,
#phase2 .onemoreauthor,
#phase3 .onemoreauthor {
    text-align: center;
}

/* ---------------------- */
/*         Phase 2        */
/* ---------------------- */
#phaseW form > div.blueBox,
#phaseWL form > div.blueBox,
#phase0 form > div.blueBox,
#phase1 form > div.blueBox,
#phase2 form > div.blueBox,
#phase3 form > div.blueBox {
    float: left;
    width: 618px;
}

/* ---------------------- */
/*        Userpage        */
/* ---------------------- */
#userpage .reminder {
    font-size: 14px;
    margin: 10px 10px 20px;
}
#userpage .reminder h3{
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    color: #720000;
}
#userpage #subwelcome {
    margin-top: 10px;
    margin-left: 30px;
    margin-bottom: 10px;
}
#userpage .workshop_container,
#userpage .abstract_container{
    margin-bottom: 20px;
}
#userpage table {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    box-shadow: 5px 5px 10px #1c4169;
    margin-bottom: 10px;
    width:100%;
}
#userpage tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
#userpage tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
#userpage tr td {
    padding: 5px;
    vertical-align: middle;
}
#userpage thead th {
    text-align: center;
    background-color: #1c4169;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px;
}
#userpage th.title {
    width: 40%;
    text-align: left;
    padding-left: 15px;
}
#userpage th.acronym {
    width: 10%;
}
#userpage th.submission,
#userpage th.organizer,
#userpage th.submission {
    width: 15%;
}
#userpage .workshop_container th.response {
    width: 3%;
}
#userpage .workshop_container th.actions {
    width: 20%;
}
#userpage .workshop_container th.acronym,
#userpage .workshop_container td.acronym{
    width: 4%;
}
#userpage .abstract_container th.actions {
    width: 15%;
}
#userpage th.copyright {
    width: 15%;
}
#userpage td.noworkshops,
#userpage td.noabstracts {
    color: red;
    background-color: #f6fdce;
    text-align: center;
    vertical-align: middle;
}
#userpage td.response {
    width: 1%;
}
#userpage td.regnum {
    width: 2%;
    text-align: center;
}
#userpage td.acronym {
    width: 10%;
}
#userpage td.title {
    width: 40%;
    color: #000000;
    font-weight: bold;
    padding-left: 15px;
}
#userpage td.submission,
#userpage td.organizer,
#userpage td.submission {
    width: 15%;
    text-align: center;
    color: #000000;
}
#userpage .workshop_container td.actions {
    text-align: center;
    width: 20%;
}
#userpage .abstract_container td.actions {
    text-align: center;
    width: 16%;
}
#userpage td.copyright {
    width: 15%;
}

/* ---------------------- */
/*    Manage Users Page   */
/* ---------------------- */
.user_container tr {
    cursor: pointer;
}
#userinfo h2 {
    margin-bottom: 15px;
    color: red;
    text-align: center;
}
#userinfo input {
    width: 230px;
}

/* ---------------------- */
/*  Manage PC Member Page */
/* ---------------------- */
#pcmember table {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    box-shadow: 5px 5px 10px #1c4169;
    margin-bottom: 10px;
    width:100%;
}
#pcmember tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
#pcmember tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
#pcmember tr td {
    padding: 5px;
    vertical-align: middle;
    cursor: pointer;
}
#pcmember thead th {
    text-align: center;
    background-color: #1c4169;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px;
}
#pcmember table .acronym{
    width: 5%;
}
#pcmember table .organizer{
    width: 20%;
}
#pcmember table .pcmember{
    width: 20%;
}
#newpcmember input[type="text"]{
    width: 200px;
}
#pcmInfo table tr td {
    cursor: default;
}

/* ---------------------- */
/*  Manage PC Member Page */
/* ---------------------- */
#confregpage table {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    box-shadow: 5px 5px 10px #1c4169;
    margin-bottom: 10px;
    width:100%;
}
#confregpage tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
#confregpage tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
#confregpage tr td {
    padding: 5px;
    vertical-align: middle;
    cursor: pointer;
}
#confregpage thead th {
    text-align: center;
    background-color: #1c4169;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px;
}
#confregpage table .type{
    width: 12%;
}
#confregpage table .payed{
    text-align: center;
    width: 8%;
}
#confregpage table .total{
    text-align: center;
    width: 8%;
}
#confregpage table .inumber{
    width: 12%;
}
#confregpage table .idate{
    width: 10%;
}
#confregpage table .pmethod{
    width: 12%;
}
/* ---------------------- */
/*      Overview Pages    */
/* ---------------------- */
.indexAnchor hr {
    width: 459px;
}
.indexAnchor div {
    width: 50px;
    text-align: center;
}
.mfIndex td {
    padding-left: 20px;
    padding-right: 20px;
}
.mfIndex td input {
    width: 100%;
}
#overrev table,
#overpap table,
#overabst table{
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    box-shadow: 5px 5px 10px #1c4169;
    margin-bottom: 10px;
    width:100%;
    cursor: pointer;
}
#overrev table,
#overpap tbody,
#overabst tbody {
    font-size: 13px;
}
#overrev tr:first-child th:first-child,
#overpap tr:first-child th:first-child,
#overabst tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
#overrev tr:first-child th:last-child,
#overpap tr:first-child th:last-child,
#overabst tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
#overrev tr td,
#overpap tr td,
#overabst tr td {
    padding: 5px;
    vertical-align: middle;
}
#overrev thead th,
#overpap thead th,
#overabst thead th {
    text-align: center;
    background-color: #1c4169;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px;
}
#overpap .regnum,
#overabst .regnum {
    /*width: 4%;*/
}
#overpap .source {
    text-align: center;
}
#overpap .final {
    text-align: center;
}
#overpap .copyright {
    text-align: center;
}
#overpap .title,
#overabst .title {
    width: 60%;
}
#overpap .type,
#overabst .type {
    /*width: 10%;*/
}
#overpap .session,
#overabst .session{
    /*width: 9%;*/
}
#overabst .pcmember{
    width: 5%;
    text-align: center;
}
#overpap .contper,
#overabst .contper{
    /*width: 15%;*/
}
#overpap .color {
    width: 10px;
}
#overpap tr.row_selected td.color {
    background-color: #1c4169;
}
#overpap .revsumm {
    /*width: 3%;*/
    text-align: center;
}
/*#overpap .pages {*/
    /*width: 3%;*/
    /*text-align: right;*/
/*}*/
#overpap .response {
    /*width: 5%;*/
    text-align: center;
}
#overpap tr.row_selected td.response {
    background-color: #1c4169;
}
#overallabst table,
#overrev #papContainer table,
#overpap #papContainer table,
#overabst #content table{
    border-radius: 0;
    box-shadow: none;
    cursor: default;
    color: #1c4169;
    width: 100%;
}
#overallabst table tr td,
#overabst #content tr td,
#overrev #papContainer table tr td,
#overpap #papContainer table tr td{
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #92acda;
}
#overrev #papContainer table tr:first-child td,
#overpap #papContainer table tr:first-child td,
#overabst #content table tr:first-child td,
#overallabst table tr:first-child td {
    border-top: 0;
}
#overrev #papContainer table tr:last-child td,
#overpap #papContainer table tr:last-child td,
#overabst #content table tr:last-child td,
#overallabst table tr:last-child td {
    border-bottom: 0;
}
#overrev #papContainer table tr td:first-child,
#overpap #papContainer table tr td:first-child,
#overabst #content table tr td:first-child,
#overallabst table tr td:first-child {
    border-left: 0;
}
#overrev #papContainer table tr td:last-child,
#overpap #papContainer table tr td:last-child,
#overabst #content table tr td:last-child,
#overallabst table tr td:last-child{
    border-right: 0;
}
#revContainer #fieldSelect{
    margin-left: 10px;
}
#overrev .revname {
    width: 20%;
}
#overrev th.assign {
    text-align: left;
    padding-right: 10px;
}
#overrev td.assign {
    text-align: center;
}
.pagserPAP .session{
    width: 10%;
}
#newreviewer input[type="text"]{
    width: 200px;
}

/* ---------------------- */
/*      Antiplagiarism    */
/* ---------------------- */
#antiplagiarism .title {
    width: 50%;
}
#antiplagiarism .antiplagiarism {
    width: 220px;
}
#antiplagiarism .antiplagiarism input[type=file]{
    width: 150px;
}

/* ---------------------- */
/*  Send Reviewers Email  */
/* ---------------------- */
#userpage .check_uncheck {
    float: right;
    position: relative;
    top: -10px;
}
#userpage .revemails table {
    border-radius: 0;
    box-shadow: none;
}

/* ---------------------- */
/*      Review Pages      */
/* ---------------------- */
#respage table,
#revpage table {
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    box-shadow: 5px 5px 10px #1c4169;
    margin-bottom: 10px;
    width:100%;
}
#respage tr:first-child th:first-child,
#revpage tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
#respage tr:first-child th:last-child,
#revpage tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
#respage tr td,
#revpage tr td {
    padding: 5px;
    vertical-align: middle;
    cursor: pointer;
}
#respage thead th,
#revpage thead th {
    text-align: center;
    background-color: #1c4169;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px;
}
#respage .color,
#revpage .color {
    width: 1%;
}
#respage td.color,
#revpage td.color {
    color: #000000;
    font-weight: bold;
    text-align: center;
}
#respage .revsumm,
#revpage .revsumm {
    width: 6%;
}
#revpage .type {
    width: 6%;
}
#revpage .session {
    width: 6%;
}
#respage .contper,
#revpage .contper {
    width: 15%;
}
#respage .response {
    width: 1%;
    text-align: center;
}
#respage tr.row_selected td.color
#revpage tr.row_selected td.color {
    background-color: #1c4169;
}
#respage tr.row_selected td.response {
    background-color: #1c4169;
}
#respage #infos,
#revpage #infos {
    font-size: 12px;
}
#respage #infos .revInfoL,
#revpage #infos .revInfoL {
    float:left;
    width: 60px;
    font-style: italic;
}
#respage #infos .revInfoR,
#revpage #infos .revInfoR {
    margin-left: 60px;
}
#respage #actions,
#revpage #actions {
    width: 20%;
}
#respage #actions tr td,
#revpage #actions tr td {
    cursor: default;
}
#respage #actions table tr.link td,
#revpage #actions table tr.link td{
    cursor: pointer;
}
#respage #reviews,
#revpage #reviews {
    width: 75%;
}
#respage #revContainer table tr td,
#revpage #revContainer table tr td {
    padding: 1px;
    vertical-align: top;
}
#respage #otherReviews table,
#revpage #myReviews table,
#revpage #otherReviews table{
    font-size: 14px;
    color: #1c4169;
    box-shadow: none;
}
#respage #otherReviews table tr td,
#revpage #myReviews table tr td,
#revpage #otherReviews table tr td {
    padding: 3px;
    cursor: default;
}
#revpage #myReviews #write table tr td {
    padding: 0;
}
#revpage .revFillL {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}
#revpage .revFillR {
    margin-left: 25px;
    font-size: 14px;
}
#revpage .revFillR textarea {
    width: 630px;
    height: 100px;
    max-width: 630px;
}
#respage .revROL,
#revpage .revROL {
    width: 140px;
    font-style: italic;
    color: red;
}
#revpage .favour_against {
    float:left;
    margin-left: 10px;
    width: 95%;
}
#revpage .point_f,
#revpage .point_a {
    margin-left: 25px;
    margin-right: 5px;
    width: 590px;
    max-width: 590px;
    height: 50px;
}
#revpage img.removePoint {
    width: 20px;
    cursor: pointer;
    vertical-align: top;
    margin-top: 10px;
}

/* ---------------------- */
/*  Review Progress Pages */
/* ---------------------- */
#revpage table .revID {
    width: 5%;
}
#revpage table .revBar {
    width: 40%;
}
#revpage table .email {
    width: 15%;
}
div.revPBOut{
    width: 100%;
    height: 15px;
    border: 1px solid black;
    border-radius: 10px;
    overflow: hidden;
    background: #A90B0B;
}
label.revPBLabel{
    float: left;
    color: #ffffff;
    margin-top: 2px;
    margin-left: 10px;
}
div.revPBIn{
    background: #17AF1B;
    height: 15px;
    border-radius: 10px;
    box-shadow: 3px 0 5px #082E0A;
}

/* ---------------------- */
/*      Explain Pages     */
/* ---------------------- */
.explainer {
    margin-top: 20px;
    margin-bottom: 30px;
}
.explainer h2 {
    color: green;
    text-align: center;
}
.explainer h2 span {
    color: red;
    font-weight: bold;
}
.explainer table {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    border: 2px solid #fe5a00;
    width: 100%;
}
.explainer thead th {
    font-weight: bold;
    font-size: 16px;
    color: #fe5a00;
    border-bottom: 2px solid #fe5a00;
    line-height: 20px;
}
.explainer td, .explainer thead th {
    padding: 5px;
}
.explainer .field {
    width: 17%;
    border-right: 2px solid #fe5a00;
    vertical-align: middle;
}

/* ---------------------- */
/*    View/Review Pages   */
/* ---------------------- */
#viewandreview {
    margin-top: 20px;
    margin-bottom: 30px;
}
#viewandreview > h2 {
    margin-bottom: 20px;
}
#viewandreview table {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    border: 5px solid #ffffff;
}
#viewandreview td, .content th {
    padding: 10px;
    border: 1px solid #ffffff;
}
#viewandreview .field {
    width: 17%;
    font-weight: bold;
    vertical-align: middle;
}
#viewandreview .content {
    vertical-align: middle;
}
#review textarea {
    resize: none;
}
#response select {
    width: 100px;
}

/* ---------------------- */
/*       Initialize       */
/* ---------------------- */
#initialize tr,
#initialize th,
#initialize td {
    padding: 5px;
}
#initialize th.response,
#initialize td.response{
    padding-left: 50px;
}

/* ---------------------- */
/*       User menu        */
/* ---------------------- */
nav ul {
    background: #cbdbe3;
    background: linear-gradient(top, #cbdbe3 0%, #92acda 100%);
    background: -moz-linear-gradient(top, #cbdbe3 0%, #92acda 100%);
    background: -webkit-linear-gradient(top, #cbdbe3 0%,#92acda 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    border: 1px solid #1c4169;
    box-shadow: 5px 5px 10px #1c4169;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
    cursor: pointer;
}
nav ul:after {
    content: ""; clear: both; display: block;
}
nav ul ul {
    display: none;
}
nav > ul > li {
    padding: 2px;
    padding-right: 15px;
    float: left;
    width: 135px;
    text-align: center;
    background: url("/images/arrow.png") no-repeat;
    background-position: right;
    background-size: 20px;
}
nav > ul > li:hover {
    background: #cbdbe3;
    background: linear-gradient(top, #cbdbe3 0%, #1c4169 40%);
    background: -moz-linear-gradient(top, #cbdbe3 0%, #1c4169 40%);
    background: -webkit-linear-gradient(top, #cbdbe3 0%,#1c4169 40%);
    border-radius: 10px;
}
nav ul li a,
nav ul li a:visited,
nav ul li a:link {
    color: #ffffff;
}
nav > ul > li > a {
    color: #1c4169;
}
nav > ul > li:hover > a {
    color: #ffffff;
}
nav ul li a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}
nav ul li a:hover {
    background: none;
}
nav ul ul {
    background: #92acda;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0%;
    z-index: 1000;
}
nav ul ul li {
    float: none;
    border-top: 1px solid #1c4169;
    border-bottom: 1px solid #1c4169;
    position: relative;
    text-align: right;
    width: 150px;
}
nav ul ul li:hover {
    background: #cbdbe3;
    background: linear-gradient(top, #cbdbe3 0%, #1c4169 40%);
    background: -moz-linear-gradient(top, #cbdbe3 0%, #1c4169 40%);
    background: -webkit-linear-gradient(top, #cbdbe3 0%,#1c4169 40%);
}
nav ul ul li a {
    padding: 5px 10px;
}

/* ---------------------- */
/*       Chair menu       */
/* ---------------------- */
div.chairButton {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    margin-right: 20px;
}
#ui-datepicker-div {
    font-size: 62.5%;
}
#cart {
    position: fixed;
    top: 460px;
    width: 980px;
    z-index: -1000;
}
#tableCart {
    width: 260px;
}
#tableCart th {
    font-size: 16px;
    padding: 5px;
    text-align: center;
    background-color: #1c4169;
    color: #ffffff;
    vertical-align: middle;
}
#tableCart tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
#tableCart tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
#tableCart tr td {
    padding: 5px;
    font-size: 14px;
    border-left: #1c4169;
    border-right: #1c4169;
    color:#000000;
}
#tableCart td.costs {
    text-align: right;
}