body, html {padding:0 0 20px 0; margin:0; background: #cccccc url(../images/bg.png)}
body {font: 0.81em Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-style: oblique}
a, a:visited {color:#00B3F0;}
a:hover {text-decoration: none;}
p {font-style: normal; font-family: Arial; line-height: 17px}
small {color:#999; font-style: oblique; line-height: normal}
.error {margin: 10px 20px; color: #BB2F00}
#pageWrap {width:813px; margin:auto}
#header {position:relative; height: 50px;}
input, textarea {font: 1.08em Georgia; font-style: oblique; color: #999999; border: 1px solid #777; padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width:170px}
.buttons {background: url(../images/button_bg_1.png); width: 96px; height: 22px; border: 0; -moz-border-radius: 0; color: #ffffff; padding: 0 0 3px 0 }
h1, h2, h3 {font-weight: normal; margin: 0; padding: 0;}
h1#logo {background:url(../images/mars_logo.png) no-repeat; width:191px; height: 47px; text-indent: -9999px; padding:0; margin: 0; position: absolute; top:14px; left:4px}
#topBar {background: #ffffff; position:absolute; top:20px; right: 7px; padding: 7px 10px; width:410px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: #999999 1px 1px 0px;
-webkit-box-shadow: #999999 1px 1px 0px;
}
ul#mainMenu {list-style: none; padding: 0; margin: 0; float: left }
ul#mainMenu li {display: inline; margin:0 10px 0 0}
ul#mainMenu li a {font: 1.08em Arial; color: #666666; text-decoration: none; text-transform: lowercase }
ul#mainMenu li a:hover {color: #999;}
ul#langBar {list-style: none; padding: 0; margin: 0; background: #dddddd; border: 1px solid #c1c1c1; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; right: 5px; top:4px}
ul#langBar li {display: block; padding: 3px 20px 2px 4px;}
ul#langBar li a {color: #666; text-decoration: none;}
ul#langBar li a:hover {text-decoration: underline}
#preContent {position: relative; margin: 30px 0 0 0;height: 67px; background:url(../images/precontent_bg.png); -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; padding: 20px 0 0 20px;}
#preContent h2 {margin: 5px 0 0 58px; display: block; width: 290px; height: 29px; text-indent: -9999px;}
#preContent h2.en {background: url(../images/h3_mobilize_your.png) no-repeat}
#preContent h2.rs {background: url(../images/h3_mobilize_your_rs.png) no-repeat}
#preContent h3 {margin: 4px 0 0 58px; text-shadow: 1px 1px #FFF; font-size: 1.08em; color: #666666}
#preContent img {position: absolute; left:30px; top:19px;}
#mainContainer {overflow: hidden; background: url(../images/body_bg.png) repeat-y; padding: 0 7px 0 6px;}
/*LEFT PANEL*/
.leftPanel {width:365px; float: left; position: relative}
.leftPanel h2,
.leftPanel h3,
.leftPanel p {margin: 10px 20px}
.leftPanel h3 {font-size: 1.23em;}
#mainContainer > h2 {color:#fff; background:url(../images/login_area_bg.jpg) left bottom; padding: 10px 20px}
.leftPanel label,
.leftPanel input,
.leftPanel textarea {float:0; display: block; margin: 10px 20px}
.leftPanel textarea {width: 400px; height: 150px}
#video {width:320px; height: 240px; border: 1px solid #ccc; margin: 22px auto}
#sharing{
width:320px;
margin: auto;
background: #c2dbe5;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
height: 150px;
*height: 160px;
position: relative
}
#sharing h3 {margin: 0; background: #6f6f6f url(../images/login_area_bg.jpg) bottom; color: #ffffff; padding: 10px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;}
#sharing input {margin: 10px;}
/* RIGHT PANEL*/
.rightPanel {width: 430px; float: right; position: relative}
.rightPanel h2 {color: #000; background: transparent;}
.loginArea {background: #6f6f6f url(../images/login_area_bg.jpg) bottom repeat-x; overflow: hidden; height: 60px; margin: 0}
.loginArea input {margin: 18px 0 5px 30px; float: left}
.loginArea p {margin: 22px 0 0 10px; color: #ccc; float: left; font-size:0.83em}
.loginArea p span {color:#fff;}
.loginArea p a {color:#fff; text-decoration: none}
.loginArea p a:hover {text-decoration: underline}
.centerTxt {text-align: center; padding: 10px 0 0 0; height: 91px;}
#aboutArea {background: #ffffff url(../images/about_area_bg.png) repeat-x; text-align: center; margin: 1px 0 0 0; min-height: 300px}
#aboutArea h2 {padding: 8px 0; margin: 0;}
#aboutArea p {margin: 0 16px 8px 16px; text-align: left}
#sideInner {background: #ffffff url(../images/about_area_bg.png) repeat-x; margin: 1px 0 0 0; min-height: 300px}
#sideInner h2 {padding: 8px 0; margin: 0 10px;}
#sideInner p {margin: 0 16px 8px 16px; text-align: left}
/* COLUMNS */
.wide {width:500px}
.narrow {width:295px}
.full {width:100%}
/* TOOLS */
.selected {color: #444; background:url(../images/menudown.png) no-repeat right }
.notice {font-weight: bold; color: #00B3F0}
.form_error {color: #00B3F0}
.form_error {display: inline}
#response {display: none; margin: 20px; color:#fff ;background: #00B3F0; padding: 3px; -moz-border-radius: 4px;}
.loaderIcon {position: absolute; top:10px; right: 10px;}
.shareLoaderIcon {position: absolute; bottom:10px; right: 10px;}
/* FOOTER */
#footer {background: url(../images/body_bottom.png) no-repeat; padding: 20px 0 0 0; position: relative;}
#footer ul {padding: 0; margin: 0; list-style: none; float: right}
#footer ul li {display:inline; padding: 0 10px 0 0 }
#footer ul li a {font: 1em Arial; color: #666; text-decoration: none; text-transform: lowercase }
#footer ul li a:hover {color: #999;}
#footer img {position:absolute;top:-5px}
.button {-moz-border-radius:4px; -webkit-border-radius:4px; background:#999; border:1px solid #444; color:#FFFFFF; font-size:14px; padding:2px 14px; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.99); margin: 0 5px 10px 45px;cursor: pointer}
/* NEW */
ul.articlesList {text-align: left; padding:0 0 0 10px; list-style: none;}
ul.articlesList li {margin: 0 0 10px 0}
#promoIll {width:760px; margin:auto;}