/* 
    Document   : style
    Created on : Apr 27, 2009, 4:23:13 AM
    Author     : hmd (Vedran Alajbegovic)
    Description:
    Za stipendije.ba
*/

@CHARSET "ISO-8859-1";

/*** Global Settings ****/

* {
    margin:0;
    padding:0;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: local('Ubuntu'), local('Ubuntu-Regular'), url('http://themes.googleusercontent.com/font?kit=2Q-AW1e_taO6pHwMXcXW5w') format('truetype');
}

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: 'stipendije';
  src: url('fonts/xpresv-orginal-webfont.eot');
  src: local('☺'), url('fonts/xpresv-orginal-webfont.woff') format('woff'), url('fonts/xpresv-orginal-webfont.ttf') format('truetype'), url('fonts/xpresv-orginal-webfont.svg') format('svg');
}

ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }

.clear-both { clear: both; }
.clear-both-10 { height: 10px; clear: both; }

.grupa { font-family: stipendije; font-size: 22px; color: #3C87BE; margin: 5px 0px; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.grupa-side { font-size: 14px; font-family: stipendije; font-weight: bold; margin: 0px; border-bottom: 1px solid #ddd; color: #2A3845; }
.naslov { margin: 15px 0px; }

.izdvajamo {}

.predstavljamo { width: 220px; float: left; }
.predstavljamo a:link {}

.iskustva { width: 220px; float: right; }
.iskustva a:link { }

body {
    font: 12px/1.6em Arial,Helvetica,sans-serif;
    background: #EDECE7;
    color: #2a3845;
    margin: 0;
    padding: 0;
}

a:visited, a:link { color: #3d87bf; text-decoration: none; background:none; }
a:hover { background:none; }

img { border:medium none; }
img.icon { margin-right: 2px; vertical-align:text-bottom; }
img.icon2 { margin: 2px 0 0 8px; vertical-align:text-bottom; }
img.icon3 { margin: 2px 10px 0 0; vertical-align:text-bottom; }
img.icon4 { margin: 2px 5px; vertical-align:text-bottom; }
img.icon5 { margin: 0px 5px; }
img.frame { margin: 0 5px 8px 0; padding: 2px; border: 1px solid #e2dfd3; }

hr { border-bottom: 1px dotted #ccc; clear: both; margin: 2px 0 5px; }

div.hr { border-bottom: 1px dotted #ccc; clear: both; margin: 2px 0 5px; }
div.hr2 { border-top: 1px dotted #ccc; clear: both; margin: 10px 0; }
div.hr-bold { border-top: 1px solid #336699; clear: both; width: 595px; }

h1.grupa { font-size: 18px; font-weight: normal; }
h4.grupa { font-size: 18px; font-weight: normal; }
h1 { font-size: 18px; font-weight: normal; }
h2 { font-size: 16px; font-weight: normal; }
h3.subtitle {border-bottom: 1px solid #e2dfd3; clear: both; margin: 0 0 10px 0; padding: 0; font-size: 12px; font-weight: bold; }

.classic-title { margin: 10px 0;}

/*      ROUND DEFINITION     */
.round { margin: 0; background: #f9f9f6; padding: 2px 7px; border: 0; zoom: 1; }
.round-outer { float: left; background: #e2dfd3; }

.round-main { margin: 0; background: #f9f9f6; padding: 2px 5px; border: 0; zoom: 1; }
.round-main-outer { float: left; background: #e2dfd3; clear: both; }

.round-header { margin: 0; background: #f9f9f6; padding: 0px 5px 2px; border: 0; zoom: 1; }
.round-header-outer {  background: #e2dfd3; clear: both; margin-bottom: 10px;  }

.round-segment-title { margin: 0; background: #f9f9f6; padding: 2px 7px; border: 0; zoom: 1; width: 580px;}
.round-segment-title-outer { float: left; background: #e2dfd3; margin: 10px 0;}

.round-segment { margin: 0; background: #f5f5f3; color: #2a3845; padding: 10px; border: 0; zoom: 1; }
.round-segment-option { margin: 0; background: #f5f5f3; color: #2a3845; padding: 2px 7px; border: 0; zoom: 1; width: 580px; margin: 10px 0;}
.round-segment-option-date { margin: 0; background: #f5f5f3; color: #2a3845; padding: 2px 7px; border: 0; zoom: 1; text-align: center; width: 170px; float: right; margin: 10px 0 10px 5px;}
.round-segment-option-stipenditor { margin: 0; background: #f5f5f3; color: #2a3845; padding: 2px 7px; border: 0; zoom: 1; width: 200px; float: right; }
.round-segment-option-kontakt { }
.round-segment-option-kontakt h2 {  }

.round-segment-bottom { margin: 0; background: #f5f5f3; color: #2a3845; padding: 10px; border: 0; zoom: 1; }

.round-menu { margin: 1px 4px 0 4px; background: #3d87bf; color: #FFFFFF; padding: 2px 7px; border: 0; zoom: 1; }
.round-menu a { color: #FFFFFF; }
.round-menu:hover { background: #99cc33; color: #FFFFFF; cursor: pointer; }
.round-menu-outer { float: left; margin: 3px 3px 0 3px; background: #e1dfd3;}

.menu-search-box { width: 610px; margin: 0 15px 0 0; float: right; height: 35px;}

.menu { float: left; margin: 0px; padding: 7px 0 3px 5px; height: 30px; background: #3c87be; color: #fff; width: 410px; font-size: 12px; text-align: center;}
@-moz-document url-prefix() { .menu a { letter-spacing: 2px; } }

/*#ie6, #ie7, #ie8 {display: none}*/

/* IE 6 */
/** html .menu a  { letter-spacing: 0px; }
* html .menu a { letter-spacing: 0px; }*/

/* IE 7 */
/**+html .menu a  { letter-spacing: 0px; }
*+html .menu a  { letter-spacing: 0px; }*/

/* IE 8 */
/*#notie {display: none\0/}
#ie8 {display: block\0/}*/
/*#menu[id=menu] { letter-spacing: 0px; }*/
/**>.menu a { letter-spacing: 0px;  font-size: 12px; }*/

/*       WRAPPER - CONTAINER - MAIN       */
.wrapper { margin: 0px auto; padding: 0px 0 30px 0; width: 1000px; position: relative; }
.container { width:990px; background: #FFFFFF;     }
.container #top-image { background: url('/images/main-top.gif') no-repeat; height: 8px; width: 885px; }
.container #bottom-image { background: url('/images/main-bottom.gif') no-repeat; height: 8px; width: 885px; }
.main { background: #FFFFFF; width: 990px; clear: both; }

/*      HEADER      */
.header { background: #fff; padding: 0 8px 5px 15px; height: 86px; }
.header #logo { float: left; margin: 15px 0 0 10px;}
.header #menu { font-family: stipendije; letter-spacing: 2px; float: right; margin-top: 0px; }
.header #datum { font-family: stipendije; letter-spacing: 2px; float: right; }
.header .search-box { width: 190px; height: 30px; background: #9fc54e; float: right; padding: 5px 0px 5px 5px; }
.header .mobile-uri {float: right; width: 115px; height: 15px; padding: 0 3px 3px 3px; margin: 0px; text-align: center; vertical-align: middle; background: #3C87BE; color: #FFF;}
.header .mobile-uri:hover { background: #9fc54e; color: #FFF;}
/* vea burada degisik browsericin degisik definitions asmaliyim*/

/* content i blokovi */
.content { clear: both; padding: 5px; }
.content #mainbar { float: left; width: 720px; margin: 0px 5px; }
.content #sidebar { float: right; width: 240px; font-size: 11px; }

.content .right-col { display: block; float: left; width: 250px; }
.content .right-col p { display: block;}
.content .middle-col { float: left; margin-left: 20px; width: 450px;  }

.sidebar-item-title { font-family: stipendije; font-size: 12px; padding: 0 0 5px 3px; margin: 8px 0px 5px; font-weight: bold; }
.sidebar-item-content { padding: 0 0 5px 23px; font-weight: bold; }
.sidebar-item-content a { font-weight: normal; font-size: 12px; display: block; text-shadow: 0 2px 2px #ccc; }

/*      box in content      */
.content #top {	background: url('/images/content-x-top.gif') no-repeat top; height: 16px; padding: 10px; }
.content #box-title { border-bottom: 1px solid #E2DFD3;	}
.content #box-content {	background: #ffffff; border-left: 1px solid #E2DFD3; border-right: 1px solid #E2DFD3; padding: 10px 10px 10px 10px; }
.content #bottom { background: url('/images/content-box-bottom.gif') no-repeat bottom; text-align: right; height: 16px;	padding: 8px;}
.content #box-footer { border-top: 1px solid #E2DFD3; }
.round-segment-title h3 { font-size: 12px; font-weight: bold; border: none; margin: 0; padding: 0; }

.content .novost { margin-top: 15px; }
.content .novost .novost-upper-part .options { border-right: 1px dotted #ccc;width: 207px; float: left; }
.content .novost .novost-upper-part .options .round-segment { width: 180px; }
.content .novost .novost-upper-part .options .round-segment p { margin: 0 0 4px 0px; padding: 0 0 2px 0px; border-bottom: 1px dotted #ccc; vertical-align: top;}
.content .novost .novost-upper-part .options .round-segment h2 { margin: 0 0 4px 0px; padding: 0 0 2px 0px; border-bottom: 1px dotted #ccc; vertical-align: top;}
.content .novost { margin-top: 10px; }
.content .novost .lista { width: 180px; margin-top: 10px;}
.content .novost .lista h2 { font-weight: normal; margin: 5px 0 0 0; padding-bottom: 5px; font-size: 12px;}
.content .novost p { margin-bottom: 2px; }
.content .novost .text { float: right; width: 500px; padding-left: 5px;  }
.content .novost .text h1 { margin: 10px 0; }
.content .novost .text p { margin-top: 10px; }

.content .stranica-options { margin-top: 20px;}

.content .stranica,
.content .stipendija,
.content .obavijest { width: 720px; margin-top: 15px; }

.content .stranica .leftside,
.content .obavijest .leftside,
.content .stipendija .leftside { border-right: 1px dotted #ccc; width: 207px; float: left; }

.content .stranica .leftside .options,
.content .obavijest .leftside .options,
.content .stipendija .leftside .options { width: 180px; }

.content .stranica .leftside p,
.content .obavijest .leftside p,
.content .stipendija .leftside .options p { margin: 0 0 4px 0px; padding: 0 0 2px 0px; border-bottom: 1px dotted #ccc; vertical-align: top;}

.content .stipendija .leftside .stipenditor b,
.content .novost .novost-upper-part .options .round-segment b,
.content .stranica .leftside b,
.content .obavijest .leftside b,
.content .stipendija .leftside .options b { display: block; text-shadow: 0 2px 2px #ccc; }

.content .stranica .leftside h2,
.content .obavijest .leftside h2,
.content .stipendija .leftside .options h2 { font-weight: normal; border-bottom: 1px dotted #ccc; margin: 5px 0 0 0; padding-bottom: 5px; font-size: 12px; }

.content .stipendija .leftside .stipenditor { width: 180px; overflow: hidden;}
.content .stipendija .leftside .stipenditor p { margin: 0 0 4px 0px; padding: 0 0 2px 0px; vertical-align: top;}
.content .stipendija .leftside .stipenditor small { display: block; color: #993333; }
.content .stipendija .leftside .stipenditor span { border-bottom: 1px dotted #ccc; display: block;}

.content .stranica .text,
.content .obavijest .text,
.content .stipendija .text { width: 500px; padding-left: 5px; float: right; }

.content .stranica .text h1,
.content .obavijest .text h1,
.content .stipendija .text h1 { margin-bottom: 10px; }

.content .stranica .text p,
.content .obavijest .text p,
.content .stipendija .text p { margin-top: 10px; }

.content .stipendija .text .status { height: 20px; padding: 2px 5px; margin: 0; float: right; color: #993333; }
.content .stipendija .attachments { float: right; border: 1px solid #ccc; background: #F9F9F6; width: 130px; vertical-align: text-bottom; padding: 10px; height: 300px; }

.arhiva { width: 720px; }
.arhiva h1 {}
.arhiva h3 { width: 720px; margin: 10px 0; border-bottom: 1px solid #ccc; font-size: 12px; }
.arhiva .datum {}
.arhiva .filter-menu {}
.arhiva .filter-menu .item { background: #fff; color: #2a3845; font-weight: bold; margin: 0 5px; padding: 5px 8px; width: 60px; text-align: center; float: left; }
.arhiva .filter-menu .item a { color: #2a3845; }
.arhiva .filter-menu .active { background: #9FC54E; }
.arhiva .filter-menu  a .active { color: #fff;}
.arhiva .filter-menu .item a:hover { color: #fff; }
.arhiva .filter-menu .item:hover { cursor: pointer; background: #9FC54E; color: #fff; font-weight: bold; margin: 0 5px; padding: 5px 8px; width: 60px; text-align: center; display: inline; }
.arhiva .lista {}
.arhiva .lista h1 { border-bottom: 1px dotted #ccc; padding: 2px 0; margin: 0px 0 0px 170px; font-size: 12px; }
.arhiva .lista h1:hover { background: #efefef; cursor: pointer; }

/*.content .obavijest .leftside { border-right: 1px dotted #ccc; width: 207px; float: left; }*/
/*.content .obavijest .leftside .options { width: 180px; }*/

.stipendije { margin-top: 0px;}
.stipendije #item { border-bottom: 1px dotted #ccc; padding: 1px 0; }
.stipendije #item:hover { background: #efefef; }
.stipendije h2 { font-size: 12px; font-weight: normal; display: block; width: 360px; float: right;}
.stipendije #datum { font-size: 10px; margin-right: 3px; }

.kontakt-form { float: left; width: 360px; margin: 0px; }
.kontakt-form h1 { display: inline; font-weight: bold; font-size: 12px; }
.kontakt-option { width: 300px; float: right; }
.newsletter h2, .kontakt-option h2 { display: inline; font-size: 12px; font-weight: bold; }
.pretraga { text-align: center; vertical-align: middle; margin: 10px 0 20px; }
.pretraga-rezultati { width: 720px; }
.pretraga-rezultati h2 { font-size: 14px; font-weight: normal; margin: 5px 0}

.error { padding: 5px; border: 1px dashed #666; color: #990000; margin: 10px 0;}

/*      frontpage       */
.content #top4 h2 { font-size: 12px; display: inline; font-weight: normal; }
.content #top4 hr { height: 1px; background: #ccc; margin: 5px 0; clear: both;}

.content #top10 { float: left; width: 330px; margin: 20px 0 0 10px; border-right: 1px dotted #ccc; padding-right: 11px;  line-height: 1.2em}
.content #top10 h2 { margin: 0; font-size: 12px; }
.content #top10 hr { height: 1px; background: #ccc; margin: 5px 0; clear: both;}

.content #rest12 { float: right; width: 350px; margin: 20px 0 0 0; line-height: 1.2em}
.content #rest12 h2 { margin: 0; font-size: 12px; font-weight: normal;}
.content #rest12 hr { height: 1px; background: #ccc; margin: 5px 0; clear: both;}

.content .obavijesti .datum-naslov { font-size: 10px; padding: 3px 8px; margin: 0px; color: #3D87BF; background: #eee; display: inline; }
.content .obavijesti .obavijest { border-bottom: 1px dotted #ccc; margin: 5px 0px; border-top: 1px dotted #fff; }
.content .obavijesti .obavijest h2 { font-size: 12px; font-weight: normal; padding: 2px 0px 2px 6px; }
.content .obavijesti .obavijest:hover { background: #eee;  border-top: 1px dotted #ccc; }

.post { padding-right: 8px; float: left; width: 720px;}

#options { float: right; border: 1px solid #ccc; background: #F9F9F6; width: 130px; vertical-align: text-bottom; height: 150px; padding: 10px;  }
#options a { color: #2a3845;  }

.sidebar h2 { font-size: 12px; }

/*      table       */
#table-stipendije { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; width: 720px; border-collapse: collapse; text-align: left; }
#table-stipendije th { font-size: 12px; font-weight: bold; color: #3d87bf; padding: 5px; border-bottom: 1px solid #999; }
#table-stipendije td { font-size: 10px; padding: 3px 5px; text-align: right; border-bottom: 1px dotted #e1dfd3; }

#table-stipenditori { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; width: 580px; border-collapse: collapse; text-align: left; }
#table-stipenditori th { font-size: 12px; font-weight: bold; color: #3d87bf; padding: 5px; border-bottom: 1px solid #999; }
#table-stipenditori td { padding: 1px 2px; text-align: left; border-bottom: 1px dotted #e1dfd3; }
#table-stipenditori  tbody tr:hover { background: #fafafa; }
.table-stipenditori #naslov { background: #efefef; text-align: left; padding: 3px 5px; font-size: 12px; }
.table-stipenditori #col1 { width: 5px; }

/*#table-stipendije tbody tr:hover td { color: #009; }*/
#table-stipendije tbody tr:hover { background: #efefef; }
.arhiva-stipendija #naslov { text-align: left; font-size: 12px; }
.arhiva-stipendija #prijave-do { color: #990000; }
.arhiva-stipendija #col1 { width: 5px; }
.arhiva-stipendija #col2 { width: 280px; }
.arhiva-stipendija #col3 { width: 60px; text-align: right; }
.arhiva-stipendija #col4 { width: 60px; text-align: right;}

/*      stipendije - forma      */
table.form { width: 560px; }

/*      pagination      */
#pagination { text-align: center; margin: 40px 0;}
#pagination a { background: #fff; border: 1px solid #e2dfd3; padding: 1px 8px;}
#pagination a:hover { background: #e2dfd3; color: #fff; border: 1px solid #e2dfd3; padding: 1px 8px;}
#pagination strong { background: #f9f9f6; border: 1px solid #e2dfd3; padding: 1px 8px; font-weight: bold;}
#pagination b { background: #f9f9f6; border: 1px solid #e2dfd3; padding: 1px 8px; font-weight: bold;}

/*      banner      */
#banner { margin-top: 20px; clear: both; }

/*  footer  */
.footer { padding: 5px 15px; border-top: 1px solid #ccc; }
.footer #copyright { float: left; color: #ddd; }
.footer #links { color: #999; float: right; }
.footer #links a { color: #999; }
.footer #links a:hover { color: #aaa; }

/*      prepraviti      */
input[type=text] { display: block; width: 200px; border: 1px solid #888888; padding: 3px 4px 3px 4px; margin: 0px; font-family: arial; font-size: 12px;}
input[type=file] { display: block; }
input[type=checkbox] { margin: 5px;}
textarea { display: block; width: 200px; border: 1px solid #888888; padding: 4px; margin: 0px; height: 50px; font-family: arial; font-size: 12px;}
select {display: block; width: 150px; border: 1px solid #888888; padding: 2px 2px 2px 4px; margin: 0px; font-family: arial; font-size: 12px;}
input.button { display: block; float: left; background-color: #555555; color: #FFFFFF; font-family: arial; font-weight: bold; font-size: 11px; padding: 5px 10px 5px 10px; border-width: 0px; cursor: pointer;}
input.button:hover { background-color: #000000; }
input[type=submit] { border: none; margin: 10px 0 0 0; padding: 3px; text-decoration: none; font-size: 12px; font-weight: bold; -moz-border-radius: 4px; background: #3d87bf; color: white; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; }
input[type=submit]:hover, form a:hover { background: #99cc33; cursor: pointer; }

span#prevBtn{}
span#nextBtn{}

/* Image Overlay */
.caption-top, .caption-bottom {	color: #ffffff;	padding: 5px 15px 18px;	font-weight: bold; font-size: 13px; cursor: default; border: 0px solid #334143; background: #000000; text-shadow: 1px 1px 0 #202020; }
.caption-top { border-width: 0px 0px 8px 0px;}
.caption-bottom { border-width: 8px 0px 0px 0px; }
.caption a, .caption a { border: 0 none; text-decoration: none; background: #000000; padding: 0.3em; }
.caption a:hover, .caption a:hover { background: #202020; }
.caption-wrapper { float: left; }
br.c { clear: both; }

/*  custom facebook like box */
#facebook { background: #E5E5E3;}

/*  custom google search box */
#searchField #fieldContainer { margin: 0px; padding: 0px; padding: 3px 0 0 4px;}
#searchField #fieldContainer #sfield { margin-left:-1px; margin-top:-1px; height: 25px; float: left; width: 135px; color: #666666; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-position: left top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 0px 0px 0px; }
#searchField #fieldContainer #googleSearch { height: 24px; width:auto; overflow:hidden; float:left; }
#searchField #fieldContainer #leftCurve { float: left; background-image: url('/images/bg_searchbar_left.gif'); background-position: left top; background-repeat: no-repeat; width:15px; height: 24px; }
#searchField #fieldContainer #ssearch { float: left; background-image: url('/images/bg_searchbar_right.gif'); background-repeat: no-repeat; background-position: left top; width: 23px; height: 24px; display:block; margin-left:-1px; text-indent:-999px; overflow:hidden; border:none; color:#fff; font-size:1px; }

@-moz-document url-prefix() { #searchField #fieldContainer #sfield { width: 135px;} }
/*#ie6, #ie7, #ie8 {display: none}*/

/* IE 6 */
* html #searchField #fieldContainer #sfield  { width: 135px; }
* html #searchField #fieldContainer #sfield { width: 135px; }

/* IE 7 */
*+html .menu a  { width: 135px; }
*+html .menu a  { width: 135px; }

/* IE 8 */
#searchField #fieldContainer #sfield {width: 135px\0/}
#searchField #fieldContainer #sfield {width: 135px\0/}