/* CoppeTeam Studio - www.CoppeTeam.co.yu
 * Design by Predrag Kopri�anec coppe@neobee.net
 * Styles for PowerCMS website interface
*/

/* General HTML Styles */
body      {
   background-color: #e5eef6;
   background-image: url(img/MainBg.jpg);
   background-position: -3px -4px;
   background-repeat: no-repeat;
   background-attachment: scroll;
}
td, tr, p {
	font-family: Verdana, Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
p { 
   margin: 0px 0px 5px 0px;
   padding: 0px;
}
img { 
   border: 0px;
}
form { 
   margin: 0px;
   padding: 0px;
}
H1  { 
   color: #0055AA;
   font-weight: bolder;
   font-size: 20px;
   margin: 0px 0px 10px 0px;
   padding: 0px;
}
H2  { 
   color: #0055AA;
   font-weight: bolder;
   font-size: 17px;
   margin: 10px 0px 5px 0px;
   padding: 0px;
}
H3  { 
   color: #0055AA;
   font-weight: bolder;
   font-size: 13px;
   margin: 10px 0px 5px 0px;
   padding: 0px;
}
H4  { 
   color: #000000;
   font-weight :bold;
   font-size: 11px;
   margin: 0px 0px 5px 0px;
   padding: 0px;
}
input {
	border: #6699cc 1px solid; 
	font-size: 11px; 
	color: #000000; 
   background-image:url(img/input.gif);
   background-repeat: repeat-x;
	background-color: #FFFFFF;
   padding: 2px;
}
input:hover {
	border: #0055AA 1px solid; 
   background-image: none;
	background-color: #E5EEF6;
}
textarea {
	border: #6699cc 1px solid; 
	font-size: 11px; 
	color: #000000; 
   background-image: url(img/txtarea.gif);
   background-repeat: repeat-x;
	background-color: #FFFFFF;
   padding: 2px;
}
textarea:hover {
	border: #0055AA 1px solid; 
   background-image: none;
	background-color: #E5EEF6;
}
select {
	border: #6699cc 1px solid; 
	font-size: 11px; 
	color: #000000; 
   background-image:url(img/input.gif);
   background-repeat: repeat-x;
   background-color: #FFFFFF;
   padding: 2px;
   height: 20px;
   vertical-align: middle;
}
select:hover {
	border: #0055AA 1px solid; 
   background-image: none;
   background-color: #E5EEF6;
}
option {
	border: #E5EEF6 1px solid; 
	font-size: 10px; 
	color: #0055AA; 
   background-color: #FFFFFF;
   background-image:url(img/input.gif);
   background-repeat: repeat-x;
   padding: 1px 0px 1px 0px;
}
.option {
	border: #E5EEF6 1px solid; 
	font-size: 10px; 
	color: #0055AA; 
   background-color: #FFFFFF;
   background-image:url(img/input.gif);
   background-repeat: repeat-x;
   padding: 1px 0px 1px 0px;
   width : 235px;
}
input[type="submit"]  { 
   background-image: url(img/Button.png);
   background-repeat: no-repeat;
   color: #000000; 
   border: 0px;
   width: 60px;
   height: 20px;
}
input[type="submit"]:hover  { 
   background-image: url(img/ButtonHover.png);
   background-repeat: no-repeat;
   color: #004488; 
   border: 0px;
   width: 60px;
   height: 20px;
}
*input.submit  { 
   background-image: url(img/Button.png);
   background-repeat: no-repeat;
   color: #000000; 
   border: 0px;
   width: 60px;
   height: 20px;
   cursor: pointer;
}
a { 
   color: #004488; 
   text-decoration: none;
}
a:hover  { 
   color: #0055AA;
   text-decoration: underline;
}
a.FooterDisclaimer { 
   color: #e5eef6; 
   text-decoration: none;
}
a.FooterDisclaimer:hover  { 
   color: #ffffff;
}
hr.line  { 
   WIDTH: 100%; 
	COLOR: #0055AA;
	HEIGHT: 1px; 
	BACKGROUND-COLOR: transparent;
	border-collapse: collapse; /* NEOPHODNO DA BI U FIREFOXU PRIKAZIVALA LINIJA */
	margin: 5px auto; /* NEOPHODNO DA BI U FIREFOXU PRIKAZIVALA LINIJA */
	border: 0.5px solid; /* NEOPHODNO DA BI U FIREFOXU PRIKAZIVALA LINIJA */
}

#HeadLine, #HeadRightLine, .HeadBlueLine { 
   background-color: #004488;
}
#HeaderTable  { 
   margin :0px;
   padding: 0px;
   height: 110px;
   width: 720px;
}
#MainTable { 
   width: 720px;
   height: auto;
   vertical-align :top;
	position: absolute;
	top: 55px;
	left: 148px;
	margin: 0;
	padding: 0 0 20px;
	*padding: 0;
}
#HeadLine { 
   height :10px;
   width: 648px;
}
#HeadRightLine { 
   height: 110px;
   width: 10px;
}
#HeaderCentarRight  { 
   height: 10px;
   width: 308px;
   background-color: #0055AA;
   background-image:url(img/HeadLogoRight.jpg);
   background-repeat: no-repeat;
}
.HeaderBgColor { 
   background-color: #0055AA;
}
#HeadMenu  { 
   height: 20px;
   background-color: #0055AA;
   background-image :url(img/HeadMenuBg.jpg);
   background-position: left;
   background-repeat: no-repeat;
}
.ContentBlueBorder { 
   width: 10px;
   height: 100%;
   background-color: #6699cc;
}
#ContentHeader  { 
   width: 700px;
   height: 15px;
   background-image:url(img/ContentHeader.jpg);
   background-repeat: no-repeat;
}
#ContentCenter  { 
   background-image: url(img/ContentBg.jpg);
   background-position: 0px 0px;
   background-repeat :no-repeat;
   background-color: #FFFFFF;
}
.ContentBg { 
   background-color: transparent !important;
   height : 330px;
   width : 650px;
	padding: 15px 0 0 0;
	border-bottom: 1px solid #D6E5F3;
}
#FooterMenu { 
   width: 645px;
   height: 37px;
   background-color: #FFFFFF;
}
#FooterDisclaimer { 
   width: 650px;
   height: 50px;
   background-color: #6699cc;
   color: #ffffff;
   font-size: 10px;
}
#Sections { 
   height: auto;
   background-color: #e5eef6;
   border: #6699cc 1px solid;
   padding: 5px;
   margin: 0px;
}
.ContentTablePad { 
   padding: 0px 10px 5px 0px;
   height: 265px;
}
.ShowImg  { 
   border: #0055AA 1px solid;
}
div.faq { 
   display: table;
   width: 100%;
   height: auto;
   margin: 10px 0px 0px 0px;
}
div.OznakaPitanja  {
	font-size: 22px;
	color: #004488;
	font-weight: bolder;
	float: left;
}

div.OznakaOdgovora {
	font-weight: bolder;
	font-size: 22px;
	color: #6699cc;
	float: left;
}
div.Pitanje { 
   float: none;
   font-size: 16px;
   font-weight: bold;
   color: #004488;
   vertical-align: middle;
   padding-top: 7px;
   margin-left: 33px;
   display: block;
   height: 100%;
}
div.Odgovor { 
   float: none;
   vertical-align: middle;
   margin-left: 33px;
   display: block;
   height: 100%;
}
div.Crumb { 
   color : #777;
   height : auto;
   font-size : 8pt;
	position: relative;
	top: 5px;
	left: 78px;
	margin: 0;
}
div.LangSelector { 
   display : block;
   padding-top : 12px;
}
fieldset.shortcuts {
	border: #6699cc 1px solid;
	padding: 5px 5px 8px 5px;
	margin: 5px 0px 0px 0px;
   height: auto;
   background-color: #e5eef6;  
}
*fieldset.shortcuts {  /* fix ie bug */
   background-color: transparent;
}
fieldset.shortcuts legend {
	color:  #004488;
   font-weight :bold;
   font-size: 11px/14px;
}

.indexbox {
	padding: 10px;
	margin: 0;
	background-color: #E5EEF6;
	color: #666;
	border: #6699CC 1px solid;
}
