/* >>>>>>>>>>>>>>>>>>>>>>> HTML styles  <<<<<<<<<<<<<<<<<<<<<<<< */
html {
	height: 100%;
}
body {
	height: 100%;
	font-family: Verdana;
	font-size: 11pt;
	background-color: #f1f1f1;
}
/* >>>>>>>>>>>>>>>>>>>>>>> Font styles  <<<<<<<<<<<<<<<<<<<<<<<< */
.Normal {
	font-family: Verdana;
	font-size: 11pt;
	color: #232323;
}
.ContentPane td {
	font-family: Verdana;
	font-size: 11pt;
	color: #232323;
}
H1 {
	color: #8E5903;
	font-family: Verdana,Arial,Helvetica;
	font-size: 20pt;
	font-weight: normal;
	margin:5px -2px;
}
H2 {
	color: #8E5903;
	font-family: Verdana,Arial,Helvetica;
	font-size: 17pt;
	font-weight: normal;
	margin:4px -2px;
}
H3 {
	color: #8E5903;
	font-family: Verdana,Arial,Helvetica;
	font-size: 14pt;
	font-weight: normal;
	margin:3px -2px;
}
H4 {
	color: #8E5903;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11pt;
	font-weight: normal;
	margin:2px -2px;
}
a:link {
	color: #336699;
	text-decoration: none;
}
a:visited {
	color: #567899;
	text-decoration: none;
}
a:hover, a:active {
	color: #336699;
	text-decoration: underline;
}
a.CommandButton:link {
	color:#336699;
	text-decoration:none;
}
a.CommandButton:visited {
	color:#9CA714;
	text-decoration:none;
}
a.CommandButton:hover {
	color:#336699;
	text-decoration:underline;
}
.ControlPanel a:link {
	color: #336699;
	text-decoration: none;
}
.ControlPanel a:visited {
	color: #9CA714;
	text-decoration: none;
}
.ControlPanel a:hover, .ControlPanel a:active {
	color: #336699;
	text-decoration: underline;
}
.LoginSkinObject {
	font-family: Arial;
	font-size: 10pt;
	color: #232323;
}
.SubHead {
	color: #232323;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
}
.Head {
	color: #232323;
	font-family: Verdana, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
}
.ConsideroPane a:visited {
	font-family: Verdana, Arial;
	color: #cdcdcd;
	text-decoration: none;
}

.BreadcrumbPane a:link , .BreadcrumbPane a:active, .Breads {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-family: Arial;
}
.BreadcrumbPane a:visited {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-family: Arial;
}
.BreadcrumbPane a:hover {
	color: #336699;
	text-decoration: underline;
	font-size: 9pt;
	font-family: Arial;
}
.LeftPane a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.LeftPane a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.LeftPane a:hover, .LeftPane a:active {
	color: #8bc5ff;
	text-decoration: underline;
	font-weight: bold;
}
.Footer a:link {
	color: #ffffff;
	text-decoration: none;
}
.Footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
.Footer a:hover, .Footer a:active {
	color: #8bc5ff;
	text-decoration: underline;
}
.LogReg {
	font-family: Arial Bold;
	font-weight: bold;
	font-size: 10pt;
}

/* >>>>>>>>>>>>>>>>>>>>>>> Tables styles  <<<<<<<<<<<<<<<<<<<<<<<< */
.TbMaster {
	width: 100%;
	height: 100%;
}
.TbLeft {
	width: 100%;
	height: 100%;
}
.TbRight {
	width: 100%;
	height: 100%;
}
.TbContent {
	width: 100%;
	height: 100%;
}
.TbFooter {
	width: 100%;
	height: 100%;
}
/* >>>>>>>>>>>>>>>>>>>>>>> Parts styles  <<<<<<<<<<<<<<<<<<<<<<<< */
.LeftPart{
	width: 400px;
	background-color: #336699;
	background-image: url(images/LeftGrad.gif);
	background-position: right;
	background-repeat: repeat-y;
	border-right: 2px dotted #ffffff;
	
	font-family: Arial;
	font-size: 80%;
}
.RightPart {
	vertical-align:top;
}
.Margin {
	padding-right: 50px;
}
.Footer {
	font-size: 70%;
	background-color: #993333;
	background-image: url(images/BottomGrad.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 210px;
}
/* >>>>>>>>>>>>>>>>>>>>>>> Panes styles  <<<<<<<<<<<<<<<<<<<<<<<< */
.LogoPane {
	padding: 10px;
	padding-top: 30px;
	text-align: center;
	height: 1px;
}
.SearchPane {
	padding:10px 10px 10px 40px;
	text-align: center;
	height: 1px;
}
.SideMenuPane {
	height: 1px;
	padding:30px 10px 10px 90px;
}
.SideMenuPane span table {
	width: 100%;
	padding-right: 30px;
	_padding-right: 40px;
	text-align: left;
}
.LeftPane {
	padding:10px 30px 10px 60px;
	vertical-align: top;
}
.BreadcrumbPane {
	font-family: Arial;
	font-size: 9pt;
	padding: 2px 10px;
	height: 30px;
	background-image: url(images/TopGrad.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.LoginPane {
	padding: 2px 70px;
	text-align: right;
	height: 30px;
	background-image: url(images/TopGrad.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.TopPane {
	padding: 10px;
	vertical-align: top;
}
.MidLeftPane {
	width: 50%;
	padding: 10px;
	vertical-align: top;
}
.MidRightPane {
	width: 50%;
	padding: 10px;
	vertical-align: top;
}
.ContentPane {
	width: 440px;
	padding: 10px;
	vertical-align: top;
}
.FootLeftPane {
	width: 33%;
	vertical-align: top;
}
.FootMidPane {
	width: 33%;
	padding: 0px 10px;
	vertical-align: top;
	border-left: 1px dotted #632121;
	border-right: 1px dotted #632121;
}
.FootRightPane {
	width: 33%;
	vertical-align: top;
}
/* >>>>>>>>>>>>>>>>>>>>>>> Menu styles  <<<<<<<<<<<<<<<<<<<<<<<< */
.MainMenu_MenuContainer {
	text-align: left;
}
.MainMenu_MenuIcon, .MainMenu_MenuArrow {
	border-color: transparent;
	background-color: transparent;
}
.MainMenu_RootMenuItem {
	border-color: transparent;
	border-style: solid;
	color: #f1f1f1;
	cursor: pointer;
	font-family: Arial,Helvetica;
	font-size:18pt;
	font-style:normal;
	font-weight:bold;
}
.MainMenu_RootMenuItemSelected {
	background-color: transparent;
	border-color: transparent;
	border-style: solid;
	color: #8bc5ff;
	cursor: pointer;
	font-family: Arial,Helvetica;
	font-size:18pt;
	font-style:normal;
	font-weight:bold;
}
.MainMenu_MenuBreak {
	border-style: solid;
	background-color: transparent;
	margin: 0px;
	border-width: 0px;
}
.MainMenu_SubMenu {
	border: 1px solid #ffffff;
	margin: 0;
	padding: 5px;
	background-color: #363237;
}
.MainMenu_MenuItem {
	border-style: solid;
	border-width: 0px;
	color: #f1f1f1;
	cursor: pointer;
	font-family: Arial,Helvetica;
	font-size:18pt;
	font-style:normal;
	font-weight:bold;
}
.MainMenu_MenuItemSel {
	border-style: solid;
	border-width: 0px;
	background-color: transparent;
	color: #8bc5ff;
	cursor: pointer;
	font-family: Arial,Helvetica;
	font-size:18pt;
	font-style:normal;
	font-weight:bold;
}
.MainMenu_MenuBar td {
	border: 1px solid transparent;
	padding: 2px;
	margin: 2px;
}
.MainMenu_MenuItemSel td {
	background-color: transparent;
	color: #8bc5ff;
	border: 1px solid transparent;
	padding: 2px;
	margin: 2px;
}
.MainMenu_RootMenuItemActive td {
	border: 0px solid transparent;
	background-color:transparent;
	color: #d7e541;
	padding: 2px;
	margin: 2px;
}
.MainMenu_RootMenuItemBreadcrumb {
	color: #d7e541;
}
.MainMenu_MenuItem td img {
	vertical-align: top;
}
.MainMenu_MenuItemSel td img {
	vertical-align: top;
}
.MainMenu_MenuItem td {
	vertical-align: middle;
}
.MainMenu_MenuItemSel td {
	vertical-align: middle;
}
/* ***************** OTHER STYLES ********************* */
.SearchPane .NormalTextBox {
	color:#55AAFF;
	width: 210px;
	font-size: 15pt;
	height: 33px;
	vertical-align: middle;
	padding: 3px 5px 0px 5px;
	background-color: transparent;
	border: 0px solid transparent;
	background-image: url(images/SearchBckg.gif);
	background-repeat: no-repeat;
}
.LeftPane .tagCloud {
	width: 90%;
}
.RatingCell  {
	vertical-align: top;
	background-image: url(images/RatingCellBckg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	_padding: 2px 3px 2px 7px;
	
}
.RatingCell img {
	margin-top: 5px;
	margin-bottom: -14px;
	_margin-bottom: 0px;
	_margin-top: 0px;
}
/* ************************************************************************************************ */
/* *******************************                     FRONT PAGE                  ********************************** */
/* ************************************************************************************************ */

.HorizontMargin {
	height: 10%;
}
.VerticalMargin {
	width: 9%;
}
.FP_TL {
	width: 20px;
	height: 56px;
	background-image: url(images/FrontPage_TL.gif);
	background-repeat: no-repeat;
}
.FP_T {
	height: 56px;
	background-image: url(images/FrontPage_T.gif);
	background-repeat: repeat-x;
	color: #e1e1e1;
	text-align:right;
}
.FP_TR {
	width: 20px;
	height: 56px;
	background-image: url(images/FrontPage_TR.gif);
	background-repeat: no-repeat;
}
a.FP_LogReg {
	padding-top: 4px;
	color: #ffffff;
	font-weight: bold;
}
a.FP_LogReg:link, a.FP_LogReg:active, a.FP_LogReg:visited, a.FP_LogReg:hover {
	padding-top: 4px;
	color: #ffffff;
	font-weight: bold;
}
.FP_WLL {
	width: 20px;
	height: 2px;
	background-image: url(images/FrontPage_WLL.gif);
	background-repeat: no-repeat;
}
.FP_WL {
	height: 2px;
	background-color: #ffffff;
}
.FP_WLR {
	width: 20px;
	height: 2px;
	background-image: url(images/FrontPage_WLR.gif);
	background-repeat: no-repeat;
}
.FP_HeaderMargin {
	width: 20px;
	height: 72px;
	background-color: #336699;
}
.FP_Header {
	height: 72px;
	background-color: #336699;
}
.FP_Logo {
	vertical-align: middle;
	padding: 0px 50px;
}
.FP_Slogan {
	padding: 7px 3px;
	font-family: Century Gothic, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #f1f1f1;
}
.FP_HeaderPane {
	width: 200px;
	padding: 10px;
	color: #bbbbbb;
	line-height: 150%;
	font-size: 10pt;
	font-weight: bold;
}
.FP_ShadL {
	width: 20px;
	height: 17px;
	background-image: url(images/FrontPage_ShL.gif);
	background-repeat: no-repeat;
}
.FP_Shad {
	height: 17px;
	background-image: url(images/FrontPage_ShM.gif);
	background-repeat: repeat-x;
}
.FP_ShadR {
	width: 20px;
	height: 17px;
	background-image: url(images/FrontPage_ShR.gif);
	background-repeat: no-repeat;
}
.Linkovi {
	font-size: 8pt;
}
.FP_GradL {
	width: 20px;
	background-image: url(images/FrontPage_ContL.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}
.FP_Grad {
	height: 196px;
	background-image: url(images/FrontPage_GrM.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.FP_GradR {
	width: 20px;
	height: 196px;
	background-image: url(images/FrontPage_ContR.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}
.FP_TopLeftPane {
	width: 33%;
	padding: 10px;
	vertical-align: top;
}
.FP_TopMidPane {
	padding: 10px;
	width: 33%;
	vertical-align: top;
}
.FP_TopRightPane {
	padding: 10px;
	width: 33%;
	vertical-align: top;
}
.FP_ContL {
	width: 20px;
	background-image: url(images/FrontPage_ContL.gif);
	background-repeat: repeat-y;
}
.FP_Cont {

}
.FP_Contr {
	width: 20px;
	background-image: url(images/FrontPage_ContR.gif);
	background-repeat: repeat-y;
}
.FP_LeftPane {
	padding: 10px;
	vertical-align: top;
}
.FP_ContentPane {
	width: 30%;
	padding: 10px;
	vertical-align: top;
}
.FP_MidPane {
	padding: 10px;
	vertical-align: top;
}
.FP_RightPane {
	padding: 10px;
	vertical-align: top;
}
.FP_BottomLeftPane {	
	width:320px;
	padding: 10px;
	vertical-align: top;
}
.FP_BottomPane {
	padding: 10px;
	vertical-align: top;
}
.FP_Image {
	width: 216px;
	background-image: url(images/FrontPage_Img.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.FP_ImageR {
	width: 20px;
	
	background-image: url(images/FrontPage_ContR.gif);
	background-position: left top;
	background-repeat: repeat-y;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
.FP_BL {
	width: 20px;
	height: 10px;
	background-image: url(images/FrontPage_BL.gif);
	background-repeat: no-repeat;
}
.FP_B {
	height: 10px;
	background-image: url(images/FrontPage_B.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.FP_FooterPane {

}
.FP_ImageB {
	width: 216px;
	height: 10px;
	background-image: url(images/FrontPage_ImgB.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.FP_ImageBR {
	width: 20px;
	height: 10px;
	background-image: url(images/FrontPage_ImgBR.gif);
	background-repeat: no-repeat;
}
.Trazilica {
	white-space: nowrap;
}