HTML { height: 100%; }
BODY { height: 100%; margin: 0; padding: 0; background-color: #000; color: #fffefe; font-size: 13px; font-weight: normal; font-family: Arial, sans-serif; }
INPUT, SELECT, TEXTAREA { background-color: #fff; color: #000; font-size: 13px; font-weight: normal; font-family: Arial, sans-serif; }
FORM { margin: 0; padding: 0; }
INPUT { height: 17px; padding-left: 3px; padding-right: 3px; border: 1px solid #000; }
SELECT { border: 1px solid #000; }
TEXTAREA { width: 98%; padding: 3px; margin: 3px 0 8px; border: none; overflow: auto; }
TABLE { border-collapse: collapse; }
IMG { border: none; vertical-align: -3px; }
H1, H2 { margin: 0 0 15px; padding: 0; font-size: 20px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; line-height: normal; }
H2.rj { position: absolute; left: -5000px; }
H3 { margin: 0 0 5px; padding: 0; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; line-height: normal; }
H3.infoheader {margin-bottom: -10px; padding: 0; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; line-height: normal; }
H4 { margin: 15px 0 7px 0; padding: 0; font-size: 14px; font-family: Arial, sans-serif; font-weight: bold; line-height: normal; }
P { margin: 13px 0; }
BR { clear: both; }
OL, UL { margin-top: 13px; margin-bottom: 13px; }
A { color: #fff; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }



/* LAYOUT */
#wrapper{ height: 100%; width: 100%; display: table; vertical-align: middle; }
#outer{ display: table-cell; vertical-align: middle; }

.columnLeft { float: left; width: 48%; }
.columnRight { float: right; width: 48%; }
.columnRight #scrollContainer1 { width: 260px; }

/* BLOCKS */
.blk { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #fff; }

.userfoto { position: absolute; top: 40px; left: 0; width: 256px; height: 395px; background-repeat: no-repeat; }

.bar1 { height: 16px; background-color: #fff; color: #939598; font-size: 11px; line-height: 16px; font-weight:bold; }
.bar2 { height: 16px; background-color: #939598; color: #fff; margin-top: 6px; font-size: 11px; line-height: 16px; font-weight:bold; }

.scale { width: 293px; height: 12px; background-color: #fff; background-image: url(../images/scale.gif); background-repeat: no-repeat; margin: 13px 0 10px; font-size: 0; line-height: 0; }
.legend1, .legend2 { float: left; width: 19px; height: 16px; margin-right: 8px; font-size: 0; }
.legend1 { background-color: #fff; }
.legend2 { background-color: #939598; margin-left: 15px; }

.selectLeft, .selectRight { float: left; width: 128px; height: 130px; background-color: #fff; margin: 5px 0; padding: 5px; color: #000; }
.selectButtons { float: left; width: 24px; margin: 5px 0; padding: 0 5px; }
.selectLeft #scrollContainer1, .selectRight #scrollContainer2 { width: 118px; height: 130px; }
.selectLeft #scrollBar1, .selectRight #scrollBar2 { width: 8px; height: 124px; margin: 0; border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
.selectLeft #scroller1, .selectRight #scroller2 { width: 8px; }
.selectLeft A, .selectRight A { display: block; width: 100px; padding: 1px 5px; color: #000; font-size: 11px; font-weight: bold; text-decoration: none; }
.selectRight A:hover { background-color: #fff; }

.missionApproved {list-style-image: url(../images/greenblock.gif);}
.missionNotApproved {list-style-image: url(../images/yellowblock.gif);}
.missionNormal {list-style-image: none;}



/* SCROLLER */
#scrollContainer1, #scrollContainer2 { float: left; position: relative; width: 622px; height: 490px; overflow: hidden; }
#scrollContent1, #scrollContent2 { position: absolute; top: 0; left: 0; }
#scrollBar1, #scrollBar2 { float: right; position: relative; width: 12px; height: 480px; margin-right: 3px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; overflow: hidden; }
#scroller1, #scroller2 { position: absolute; width: 12px; background-color: #fff; cursor: default; }


/* BUTTONS */
.btnrighttop { padding: 0 40px 10px 0; text-align: right; }
.btnrightbot { padding: 25px 40px 0 0; text-align: right; }

.btnleftbot { clear: both; padding-top: 25px; }
.btnright	{float: right;}
.btnleft	{float: left;}

INPUT.btnW, INPUT.btnG, INPUT.btnB { float: none; width: auto !important; height: 22px; padding: 0 7px; font-size: 16px; font-weight: bold; line-height: 24px; text-transform: uppercase; border: none; cursor: pointer; }
A.btnW, A.btnG, A.btnB { padding: 2px 8px 1px; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; }
INPUT.btnW, A.btnW { background-color: #fff; color: #000 !important; }
INPUT.btnG, A.btnG { background-color: #939598; color: #fff !important; }
INPUT.btnB, A.btnB { background-color: #000; color: #fff !important; }

INPUT.btnbrdColorBCK { float: none; width: auto !important; height: 22px; background: none; padding: 0 7px; color: #000; font-size: 14px; font-weight: bold; text-transform: uppercase; border: 1px solid #fff; cursor: pointer;border: 1px solid #000; }

INPUT.btnbrdColor { float: none; width: auto !important; height: 22px; background: none; padding: 0 7px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; border: 1px solid #fff; cursor: pointer; }
A.btnbrdW { padding: 2px 8px 1px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none !important; border: 1px solid #fff; white-space: nowrap; }
A.btnbrdW { color: #fff; }
DIV.fleft A.btnbrdW, DIV.fright A.btnbrdW { display: block; }

A.btnInf { position: absolute; bottom: 58px; right: 50px; display: block; width: 85px; height: 114px; background: url(../images/button/btn_info.png) no-repeat; text-indent: -5000px; cursor: pointer; }
A.btnAdd, A.btnDel { float: right; display: block; width: 23px; height: 23px; margin-left: 7px; text-indent: -5000px; }
A.btnAdd { background: url(../images/button/btn_add.gif) no-repeat left top; }
A.btnDel { background: url(../images/button/btn_delete.gif) no-repeat left top; }
A.btnArrowR, A.btnArrowL { display: block; width: 24px; height: 22px; background-color: #fff; background-repeat: no-repeat; margin-bottom: 5px; text-indent: -5000px; }
A.btnArrowR { background-image: url(../images/button/btn_arrowR.gif); }
A.btnArrowL { background-image: url(../images/button/btn_arrowL.gif); }

IMG.voted { float: right; display: block; margin-left: 7px; margin-right: 13px; }

/* TEXT */
.graytxt { color: #939598; }
.boldtxt { font-weight: bold; }
.uppercasetxt { text-transform: uppercase; }


/* OTHER */
.print { display: none; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }