/********************************************
   HTML Elements
********************************************/ 

* {margin: 0;padding: 0;}
body, p, ul, li, ul li p, ol li p, img, form, fieldset, input, text-area, select, button {margin:0; padding:0; border:0}
body {background:#052F61 url(/img/body_bg.png) repeat-x scroll left top;color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:150%;}
form, input, textarea, select {color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:13px;}
input, textarea, select {background-color:#FFFFFF;}

h1, h2, h3, h4, h5, h6 {color:#444444;font-weight:normal;line-height:110%;margin:0 0 10px;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px; font-weight: bold}
h6 {font-size: 14px; font-weight: bold}
p {padding-bottom:15px;}
ul, ol {margin: 15px;}
ul li {list-style-type: square; margin:0 0 5px 20px;}
ol li {list-style-type: decimal; margin:0 0 5px 20px;}

.left {float: left;}
.right {float: right;}
img.left {float: left;margin: 0 10px 0 0;}
img.right {float: right;margin: 0 0 0 10px;}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}
.clear {clear:both !important;}

/*----- Easy Clearing ------*/

.fix:after {clear:both;content:'[.]';display:block;height:0;visibility:hidden;}
.fix {display:inline-block;}
.fix {display:block;}

/*----- Link ------*/

a, a:visited {color:#cccccc;text-decoration: none;outline: none; cursor:pointer}
a:hover {text-decoration: underline;}

/*----- Href Attribute Button ------*/

a.button {background: transparent url(/img/buttons/href_Button_Left.png) no-repeat left top;display: block;font: normal 10px Verdana, Helvetica, sans-serif;height: 20px; line-height: 17px; /* (27+4+4=35px) */ padding:0 0 0 15px;text-decoration: none; margin-right:200px;}
a:link.button, a:visited.button, a:active.button {color: #003570;text-decoration:none}
a.button span {background: transparent url(/img/buttons/href_Button_Right.png) no-repeat right top;display: block;padding: 1px 15px 2px 0}
a.button:hover {background-position: left bottom;}
a.button:hover span {background-position:right bottom;color: #000000;}

/*----- Tables ------*/

.homeCenter table{border-collapse:collapse;border-left:1px solid #000000;color:#000000;margin:20px 0;text-align:left;width:100%;}
.homeCenter table thead tr td, .homeCenter table thead tr td th{background-color:#444444;border-bottom:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #000000;color:#FFFFFF;font-size:13px;font-weight:bold;padding:8px;}
.homeCenter table tbody tr td{background-color:#EBEBEB;border-bottom:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #000000;padding:8px;}
.homeCenter table tbody tr th{background-color:#888888;border-bottom:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #000000;color:#FFFFFF;font-weight:bold;padding:8px;}

/*----- Attach ------*/

a.pdf {background-image:url(/img/iconset/acrobat.gif);background-position:left center;background-repeat:no-repeat;color:#CC3300;font-size:12px;padding-left:25px; font-weight:bold; height:20px; padding-top:5px; padding-bottom:5px}
a.word {background-image:url(/img/iconset/word.gif);background-position:left center;background-repeat:no-repeat;color:#CC3300;font-size:12px;padding-left:25px; font-weight:bold; height:20px; padding-top:5px; padding-bottom:5px}
a.excel {background-image:url(/img/iconset/excel.gif);background-position:left center;background-repeat:no-repeat;color:#CC3300;font-size:12px;padding-left:25px; font-weight:bold; height:20px; padding-top:5px; padding-bottom:5px}
a.zip {background-image:url(/img/iconset/zip.gif);background-position:left center;background-repeat:no-repeat;color:#CC3300;font-size:12px;padding-left:25px; font-weight:bold; height:20px; padding-top:5px; padding-bottom:5px}
a.power_point {background-image:url(/img/iconset/powerpoint.gif);background-position:left center;background-repeat:no-repeat;color:#CC3300;font-size:12px;padding-left:25px; font-weight:bold; height:20px; padding-top:5px; padding-bottom:5px}
a.default {background-image:url(/img/iconset/default.gif);background-position:left center;background-repeat:no-repeat;color:#CC3300;font-size:12px;padding-left:25px; font-weight:bold; height:20px; padding-top:5px; padding-bottom:5px}

/*----- Tests ------*/
.center .tests h2{margin-bottom:3px;}
.center .tests .timer{height:52px; width:223px;float:right; border:1px solid #ccc;}
.center .tests .questionForm{border-bottom:1px dashed #888;margin-bottom:10px;}
.center .tests .questionForm p.answer{padding-left:10px;}
.center .tests .questionForm p.answer span.correct span.pic{background:url(/img/correct.gif) right center no-repeat;padding-left:25px;  }
.center .tests .questionForm p.answer span.incorrect span.pic{background:url(/img/incorrect.gif) right center no-repeat;padding-left:25px; }
.center .tests button.test{/*background:url(/img/buttons/buttonTransL.png) left 1px no-repeat;*/ background-color:#FFFFFF; height:55px; width:55px; cursor:pointer; margin-left:215px; color:#666; text-decoration:none; display:block; padding-left:40px; text-align:center; }
.center .tests button.test span{background:url(../img/buttons/button-send-test.jpg); background-repeat:no-repeat; background-position:100% 0%; display:block; line-height:120%; padding:20px 26px 20px 25px; width:55px;}
.center .tests .note{ text-align:center; background:#EAEAEA; border:1px solid #CCCCCC; padding:10px 0;}
.center .tests .note p{padding-bottom:5px;}
.center .tests p.test{border-top:1px dashed #888; padding-top:10px;}
.center .tests a.start{background:url(/img/buttons/buttonTransL.png) left top no-repeat;height:55px;cursor:pointer; margin-left:215px; color:#666; text-decoration:none; display:block; padding-left:26px; text-align:center;}
.center .tests a.start span{background:url(/img/buttons/buttonTransR.png) right top no-repeat; display:block; line-height:120%; padding:20px 26px 20px 0; width:120px;}

/*----- Button Registration ------*/

a.buttonReg{background:url(../img/buttons/buttonReg.png); width:116px; height:37px; padding:10px 19px; color: #003570; text-decoration:none;}
a.buttonReg:hover{color:#990000;}

.white_content{background-color:#FFF;border:10px solid #FF6600;display:none;z-index:1002;height:300px;left:50%;margin-left:-150px;margin-top:-50px;position:fixed;top:50%;width:400px; overflow: auto}
.white_content p{text-align:left;padding:0 10px 0 10px;font-size:14px}

/*----- Popup Tests------*/



.popupTests{background:url(../img/testovi/bg-popup.png) left top repeat; width:1400px; height:2000px; display:none; z-index:1002; position:absolute; overflow: auto; left:0px; top:0px; }

.popupTestsBlock{ background:url(../img/testovi/bg-popup-content.png) no-repeat; margin-top:20%; margin-left:40%; width:417px; height:239px;padding:30px 22px; position:fixed;}
.popupTestsBlock p{ width:360px; text-align:left; padding:0px; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:130%; font-weight:600; color:#6C6C6C; } 

.pog-rez{color:#FF6600;}

a.rezultat{ float:right; margin-right:60px; display:block; width:74px; height:26px; background:url(../img/testovi/bg-button-result.jpg) top left no-repeat; text-align:center; padding-top:5px; color:#6C6C6C !important; text-decoration:none; margin-top:28px; }
a.rezultat:hover{ background-position:0 -31px;}