/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #dadbdd; }
td, input, select, textarea { font: 11px Arial, sans-serif; color: #2b2f31; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

ul.inline { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; }

ul.leftMenuGrey { margin: 15px 0 0 0; padding: 0; list-style-type: none; }
ul.leftMenuGrey li { padding: 2px 0; border-top: 1px solid #6b6b6b; }

ul.leftMenuGreen { margin: 15px 0 0 0; padding: 0; list-style-type: none; }
ul.leftMenuGreen li { padding: 2px 0; border-top: 1px solid #6fd46c; }

ul.navLinks { margin-right: 10px; }
ul.navLinks li { margin-left: 20px; }
ul.navLinks li img { margin-right: 5px; }
ul.navLinks li a { vertical-align:middle; }

.pageDividerHoriz { background: url(img/lineHoriz.gif) repeat-x left center; }

.picBorder { border: 1px solid #bebebe; }
.txtBlue { color: #104c85; }


/* FORM ELEMENTS */
.textbox, textarea { padding: 3px 5px; background: #fff url(img/textboxBgnd.gif) 0 0; border: 1px solid #d3d3d3; }
.searchbox { background: #e4e3e3; width: 150px; }


/* LINKS */
a:link { color: #104c85; text-decoration: none; }
a:active { color: #104c85; text-decoration: none; }
a:visited { color: #104c85; text-decoration: none; }
a:hover { color: #f31f27; text-decoration: none; }

a.linkWhite:link { color: #fff; text-decoration: none; }
a.linkWhite:active { color: #fff; text-decoration: none; }
a.linkWhite:visited { color: #fff; text-decoration: none; }
a.linkWhite:hover { color: #ddd; text-decoration: none; }

a.linkLeftMenu:link { background: #484d50; color: #fff; text-decoration: none; padding: 3px 0; display: block; }
a.linkLeftMenu:active { background: #484d50; color: #fff; text-decoration: none; padding: 3px 0; display: block; }
a.linkLeftMenu:visited { background: #484d50; color: #fff; text-decoration: none; padding: 3px 0; display: block; }
a.linkLeftMenu:hover { background: #616668; color: #ddd; text-decoration: none; padding: 3px 0 3px 7px; display: block; }

a.linkLeftMenu2:link { background: #48af45; color: #fff; text-decoration: none; padding: 3px 0; display: block; }
a.linkLeftMenu2:active { background: #48af45; color: #fff; text-decoration: none; padding: 3px 0; display: block; }
a.linkLeftMenu2:visited { background: #48af45; color: #fff; text-decoration: none; padding: 3px 0; display: block; }
a.linkLeftMenu2:hover { background: #6abd68; color: #fff; text-decoration: none; padding: 3px 0 3px 7px; display: block; }

a.linkLeftMenu3:link { color: #ddd; text-decoration: none; padding: 3px 0 3px 12px; display: block; }
a.linkLeftMenu3:active { color: #ddd; text-decoration: none; padding: 3px 0 3px 12px; display: block; }
a.linkLeftMenu3:visited { color: #ddd; text-decoration: none; padding: 3px 0 3px 12px; display: block; }
a.linkLeftMenu3:hover { color: #fff; text-decoration: none; padding: 3px 0 3px 12px; display: block; }


/* WRAPPERS */
.masterWrapper { background: #f3f3f3; border: 1px solid #bebebe; margin-top: 15px; }
.master { width: 950px; margin: 10px; }

.leftCol { width: 230px; text-align: left; background: #dadbdd url(img/leftBgnd.gif) 0 0 repeat-y; border-right: 1px solid #fff; }
.mainCol { text-align: left; }

.wrapperLeft { border-bottom: 1px solid #fff; }
.wrapperGrey { background: #383d40; padding-top: 1px; }
.wrapperGreen { background: #40a43d; padding-top: 1px; }
.wrapperLightGrey { background: #989ca0; padding-top: 1px; }

.onamaWrapper { background: #484d50 url(img/onama_bgnd.gif) repeat-y 200px 0; border: 1px solid #565b5e; border-right: none; margin: 10px 0 0 10px; padding: 15px 30px 12px 12px; }
.infoWrapper { background: #48af45; border: 1px solid #59be56; border-right: none; margin: 10px 0 10px 10px; padding: 15px 12px; }
.anketaWrapper { background: #a6a9ad; border: 1px solid #babdc0; border-right: none; margin: 10px 0 10px 10px; padding: 15px 12px; }

.anketaPitanje { color: #fff; margin-top: 12px; }
.pollAnswers { margin: 12px 0; }
.pollAnswers div { padding: 2px; background: #82878b; color: #fff; margin-bottom: 4px; }

.header { background: #4db84a; }
.search { width: 190px; margin-top: 6px; }

.menuMain { width: 100%; height: 34px; background: url(img/menuBgnd_green.gif) repeat-x 0 0; border-top: 1px solid #fff; }
.menuMain td { text-align: center; }
.menuMainRight { width: 209px; border-left: 1px solid #fff; background: url(img/menuBgnd_grey.gif) repeat-x 0 0; }

.central { width: 100%; margin-top: 15px; }
.centralCol { padding: 0 15px; }
.rightCol { width: 209px; }

.boxMiddle { width: 100%; margin-bottom: 12px; }
.boxMiddleHead { background: #e4e3e3; font-weight: bold; padding: 5px 10px; }
.boxMiddleBody { background: #fff; padding: 10px; }

.boxRight { width: 100%; margin-top: 12px; }
.boxRightHead { background: #40a43d; color: #fff; font-weight: bold; text-align: center; padding: 4px; }
.boxRightBody { background: #dadbdd; padding: 10px; }

.logoWrapper { background: url(img/logoBgnd.gif) repeat-x 0 0; height: 125px; text-align: center; }
.logoWrapper img { margin-top: 28px; }

.page { width: 100%; }
.pageTitle { padding-bottom: 12px; }
.pageTitle h1 { font: 18px Arial, Helvetica, sans-serif; color: #104c85; font-weight: bold; margin: 0; }
.pageContent { font-size: 12px; line-height: 16px; }
.pageContent p { margin: 0 0 13px 0; }

.footer { width: 950px; margin: 5px 0; }
.footerLeft { width: 240px; text-align: left; color: #62666a; }
.footerMain { text-align: center; color: #62666a; }
.footerRight { width: 210px; text-align: right; }

