/*
 * Eksterni style sheet-ovi se ucitavaju kao persistent style sheets i linkuju se alfabetski:
 *
 * <link href="App_Themes/Simple/ThemeA.css" type="text/css" rel="stylesheet" />
 * <link href="App_Themes/Simple/ThemeB.css" type="text/css" rel="stylesheet" />
 * <link href="App_Themes/Simple/ThemeC.css" type="text/css" rel="stylesheet" />
 */

/* After the '0' length, the unit identifier is optional. */

body {
	margin: 0;
	height: 100%
}

#header {
	background: url("Header/bg.gif") repeat-x;
	height: 115px
}

#main {
	background: url("images/cb-bg.gif") repeat-x;
	float: left;
	width: 100%;
	height: 100%;
	margin: 0 /*15px*/0 15px /*15px*/0
}
#mainContentsWraper { background: url("images/main-r-bg.gif") repeat-y right; float: left; width: 100%; height: 100% }
#mainContents { background: url("images/main-l-bg.gif") repeat-y left; float: left; width: 100%; height: 100% }
#mainBottom { background: url("images/mainBottom-bg.gif") repeat-x; clear: both }

#footer {
	background: #EEE url("Footer/bg.gif") repeat-x;
	clear: both
}

#ctl00_ctl02_imgQssCmsLogo {
	float: right;
	margin: -13px 15px 0 0
}

#ctl00_tsCmsTabStrip_ph { margin: 8px 0 0 20px }
/*#ctl00_tsCmsTabStrip_CmsMenu { margin-top: 9px }*/
#ctl00_tsCmsTabStrip_TabStrip {
	position: absolute;
	top: 67px
}

.ContentsFrame {
	background: #FFF;
	float: left;
	margin: 62px 30px 0 0;
	padding-left: 21px;
	width: auto
}
.ContentsFrame > div {
	border-top: dotted 1px #DDD;
	margin-top: 3px;
	padding-top: 7px;
	padding-right: 20px
}

.pnlCategories {
	background: #EEE;
	float: left;
	font: 13px Arial, Helvetica, sans-serif;
	height: auto;
	margin: 61px 0 0 20px
}
a.node {
	color: #333;
	font: 13px Arial, Helvetica, sans-serif
}
a.selectedNode { font-weight: bold }

/* Heading */
.heading {
	border-bottom: dashed 1px #DDD;
	color: #B6A173;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	margin: /*1.2em*/0 0 0.7em;
	padding-bottom: 0.4em
}
/* DataList */
.pnlDataList {
	/*border-left: solid 2px #E6DDCC;*/
	margin: /*XXX*/0 30px 0 140px;
	padding: 60px 0 30px 15px;
	overflow: auto
}
.dlExplorer { margin-top: 0 }
.DataList { margin-bottom: 15px }
.DataList th {
	background: #999 url("Explorer/th-bg.gif") no-repeat top right;
	color: #FFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 6px;
	text-align: left
}
.DataList th {
	border-right: solid 1px #FFF;
	padding: 4px 6px
}
.DataList tr:hover { background: #DCEFF1 }
.Row {}
.AltRow { background: #F0F8F9 }
.Row, .AltRow, .SelectedRow { cursor: pointer }
.DataList td {
	color: #333;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0/*5px*/ 6px
}
.SelectedRow > td {
	background: #7EC4CB;
	color: #FFF
}
.SelectColumn, input.HiddenColumn { display: none }
td.HiddenColumn { visibility: hidden }
/* NumericPagerField */
.dpDataList {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px
}
.numeric, .nextPrev, .currentPage {
	border: solid 1px #F0F8F9;
	margin-right: 2px;
	padding: 2px 3px
}
.numeric:link, .numeric:visited, .nextPrev:link, .nextPrev:visited {
	color: #60A8AC;
	text-decoration: none
}
.numeric:hover, .nextPrev:hover {
	color: #FFF;
	background: #999;
	border-color: #999
}
.dpDataList a[disabled="disabled"] { display: none }
.pnlControlGroup {
    display: -moz-inline-block;
	display: inline-block;
	float: left;
	margin-right: 10px;
	width: 21px
}

/* DataEntry */
.DataHeader > td {
	border-bottom: dotted 1px #DDD;
	color: #B6A173;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 3px
}
.pnlDataEntry {
	/*border-left: solid 2px #E6DDCC;*/
	margin: 62px 30px 0 140px;
	padding-bottom: 30px;
	padding-left: 15px;
	overflow: hidden
}
/* align="absmiddle" za LookupButton */
.pnlDataEntry td image { vertical-align: text-bottom }
label.lbl, span.lbl, .lc label {
	color: #999;
	font: 11px Verdana, Arial, Helvetica, sans-serif
}
.pnlDataEntry td { padding-top: 5px; padding-bottom: 5px }
td.lbl {
    /*XXX*/min-width: 150px;
	padding-right: 15px;
	text-align: right
}
.lblTitleField {
	border-width: 0;
	color: #333;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif
}
.lc label {
	color: #333;
	font: 12px Verdana, Arial, Helvetica, sans-serif
}
/* fieldset */
td.fieldset {
	background: url("BaseTemplate/group-box-bg.gif") repeat-x center;
	color: #666;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	
}
td.fieldset a {
	background-color: #FFF;
	padding-right: 20px
}
.required { background-color: #FFF3C1 }
/* MaskedEditValidator */
.mev, .rev {
	color: #F00;
	font: 11px Verdana, Arial, Helvetica, sans-serif
}
.pnlDataEntry .lblValue {
	font: 12px Arial, Helvetica, sans-serif
}
.UpdateProgress { background: #F00 }

/* CuteEditor */
.ce { }
.docContent .heading { margin-top: 20px }

/* DataPager */
.dpDataEntry {
	color: #333;
    display: -moz-inline-block;
	display: inline-block;
	float: right;
	background: url("DataPagerTemplate/bg.jpg") no-repeat;
	/*XXX*/margin: /*12px*/-50px 20px 0 0;
	text-align: center;
	width: 200px
}
img.dp { vertical-align: text-bottom }
input.dp {
	font-size: 11px;
	text-align: center
}
.lblRowCount { font: 11px Verdana, Arial, Helvetica, sans-serif; vertical-align: text-top }

/* CmsMenu */
.pnlCmsMenu {
	/*border-right: solid 2px #E6DDCC;*/
	float: left;
	margin: 61px 0 0 /*20px*/0;
	/*overflow: auto;*/
	width: 120px/*;
	height: 400px */ /* FIXME: pokvari DIV#footer */
}
.CmsMenu { border-top: dotted 1px #DDD; width: 120px }
.CmsMenu table.smi td, .DynamicCmsMenu table.dmi td {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: dotted 1px #DDD;
	padding: 4px 8px 4px 4px;
	text-align: right
}
.DynamicCmsMenu table.dmi td { padding-left: 10px; white-space: nowrap }
.CmsMenu a.smi:link, .DynamicCmsMenu a.dmi:link {
	color: #666;
	text-decoration: none
}
.CmsMenu a.smi:visited, .DynamicCmsMenu a.dmi:visited {
	color: #666;
	text-decoration: none
}
.CmsMenu table.smi:hover, .DynamicCmsMenu table.dmi:hover {
	color: #333;
	background: #F8F5F1
}
/*XXX*/div.DynamicCmsMenu { z-index: 10000 !important }

/* Login */
.Login {
	background: url("Login/bg.gif") no-repeat;
	margin: 10% auto 0;
	width: 380px;
	padding-top: 100px
}
.Login table { margin-left: 25px }
.Login td { padding-bottom: 10px }
.Login .lbl {
	display: block;
	color: #999;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0
}
.hl td { border-bottom: dotted 1px #DDD }

/* command buttons */
.pnlCommandButtons {
	position: absolute;
	top: 115px;
	left: 20px
}
.pnlCommandButtons a {
	display: -moz-inline-block;
	display: inline-block
}
a.cbCustom {
    background: url("BaseTemplate/cbCustom-bg.gif") no-repeat right top;
    color: #666;
    font: bold 12px Arial, Helvetica, sans-serif;
    height: 23px;
    padding: 14px 10px 0;
    vertical-align: top;
    text-decoration: none
}
a.cbCustom:hover {
    background-position: right bottom;
    color: #0089B7
}

/* pnlLookupForm */
.pnlLookupForm {
	/*
	 * Centering Block Element - css-discuss
	 * http://css-discuss.incutio.com/?page=CenteringBlockElement
	 */
	position: absolute;
	left: 0;	
	right: 0;
	background: url("LookupForm/bg-t.gif") repeat-x;
	background-color: #FFF;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=true,opacity=80,style=0);
	margin: 0 15%;
	z-index: 1000
}
.pnlContainer {
	background: #FFF;
	border: solid 1px #C5B08B;
	border-top: none;
	border-bottom: none;
	/*XXX*/height: 100%;
	padding: 0 10px /*XXX: *10px*/45px
}
.pnlTop {
	/*border-bottom: dotted 1px #DDD;*/
	/* IE 5.5 syntax */
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 12px;
	padding-bottom: 8px
}
.pnlCommands {
	border-top: solid 1px #E6DDCC;
	padding: 20px 0 0
}
/* TODO: koristiti btn class selektor */
.pnlCommands a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background: url("LookupForm/cmd-bg.gif") repeat-x bottom;
	border: solid 2px #9BCDD4;
	margin: 15px 5px 15px 0;
	padding: 3px 6px 4px
}
.btn {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border: solid 2px #9BCDD4;
	display: -moz-inline-block;
	display: inline-block;
	padding: 3px 6px 4px
}
.pnlCommands a:link, .pnlCommands a:visited, .btn:link, .btn:visited {
    background: #FFF;
	color: #666;
	text-decoration: none
}
.pnlCommands a:hover, .btn:hover {
	color: #FFF;
	background-color: #A6D1D6;
	background-image: none;
	border-color: #FFF
}
.pnlBottom { background: url("LookupForm/bg-b.gif") repeat-x }
.pnlModalPopupDataEntry {
	background: url("LookupForm/bg-t.gif") repeat-x;
	background-color: #FFF
}
.pnlModalPopupDataEntry .pnlTop { cursor: move }
.pnlModalPopupDataEntry .ibClose { cursor: default }
.pnlModalPopupDataEntry .imgTopRight, .pnlModalPopupDataEntry .imgBottomRight { float: right }
/*XXX*/.bg { width: 0 !important; height: 0 !important }

/* CSS3 */
.stack { display: block }

/* DropDown */
.pnlDropDown {
	display: inline;
	font-weight: bold;
	margin-right: 15px
}
.pnlDropDown span {
	color: #FFF;
	cursor: pointer;
	/*display: block;*/
	padding: 3px 0 2px 0
}
.mnuDropDown {
	background: #0098CA;
	visibility: hidden;
	margin-top: 4px;
	text-align: right
}
.pnlDropDown a {
	display: block;
	padding: 2px 6px;
	width: 130px
}
.pnlDropDown a:link, .pnlDropDown a:visited {
	color: #95E4FF;
	text-decoration: none
}
.pnlDropDown a:hover {
	color: #FFF;
	text-decoration: none
}
.mnuDropDown table.miStatic, .mnuDynamicDropDown table.miDynamic {
	background: #0098CA;
	border-bottom: dotted 1px #00B5F0
}
.mnuDropDown table.miStatic:hover, .mnuDynamicDropDown table.miDynamic:hover { background: #008AB8 }
/* UserMenu */
.pnlUserMenu {
	float: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 8px;
	text-align: right
}
.pnlUserMenu .lbl { color: #80CBE4 }

/* BasicSearch */
.pnlBasicSearch { margin: 13px 15px 0 0; /*float: right*/text-align: right }
#ctl00_CmsFooter_ctl02_ibSearch { vertical-align: middle }
.qry, .Watermark {
	background-color: #FFF;
	border: solid 1px #CFBFA0;
	border-right: none;
	color: #ADADAD;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 8px;
	width: 100px;
	vertical-align: middle
}

/* MessageBox */
/*XXX*/#upMessageBox span, #ctl00_upMessageBox span { display: block !important }
.MsgBox {
	background: url("MessageBox/bg.gif") repeat-y;
	background-color: #FFF5CC;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 14px;
	margin-left: auto;
	width: 545px
}
.text {
	color: #333;
	padding: 0 15px 0 0
}
.text img {
	vertical-align: text-top/*;
	margin-right: 10px*/
}
.buttons { margin-top: 5px }
.buttons a {
	display: -moz-inline-block;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	margin-right: 4px;
	padding: 0 5px 1px
}
.buttons a:link, .buttons a:visited {
	color: #333;
	background: #FFE065;
	text-decoration: none
}
.buttons a:hover {
	color: #FFF;
	background: #FC0;
	text-decoration: none
}
.info {
	background: url("MessageBox/bg-info.gif") repeat-y !important;
	background-color: #D7F2FF
}

/* AdvancedSearch */
.pnlAdvancedSearch td { padding: 4px 8px }
.bluish { background: #F0F8F9 }
.pnlAdvancedSearch .lbl { color: #666 }
.pnlDataEntry .b { font-weight: bold }
.bluishBorder td { border-bottom: solid 1px #D5ECEE }

/* Calendar */
.btnCalendar { margin-left: 4px }

.controlStack { margin-top: 0; padding-top: 0 }

/* ReportViewer */
.pnlReportViewer {
	float: left;
	margin: 62px/*0*/ 0 0 15px;
	padding: 0 0 30px 0;
	overflow: hidden;
	position: relative;
	/*XXX*/z-index: -1
}

/* SplitterPanel */
html { height: auto !important; overflow: auto !important }
/*.SCS_splitter {
	position: static !important;
	margin: 61px 0 0 20px
}
.SCS_paneContainer { float: left; position: relative !important }
.SCS_splitter .SCS_leftPane { position: static !important; overflow: hidden !important }
.SCS_splitter .SCS_rightPane { float: left; position: static !important; overflow: visible !important }
.SCS_splitter .SCS_divider {
	background-color: #E6DDCC !important;
	width: 6px !important
}
.SCS_splitter .SCS_divider:hover {
	background-color: #A7D2D6 !important
}
.SCS_splitter .SCS_divider div {
	background-image: url("SplitterPanel/SplitterHandle.gif") !important;
	width: 6px !important;
	height: 50px !important
}*/

.pnlCmsMenu {
	height: 100%/*;
	overflow: hidden*/
}
div.ui-resizable-e/*#splitter*/ {
	background: #E6DDCC url("SplitterPanel/SplitterHandle.gif") no-repeat center;
	/*cursor: e-resize;
	left: 140px;
	margin-top: 61px;
	position: absolute;*/
	width: 6px;/*
	height: *//*100%*//*120px*/
}
div.ui-resizable-e/*#splitter*/:hover { background: #A7D2D6 }

/* PasswordStrength */
.HelpHandle1 {
	background: url("images/question.png");
	cursor: help;
	width: 16px;
	height: 14px;
	overflow: hidden
}
.PasswordStrengthText { font: 11px Verdana, Arial, Helvetica, sans-serif } 

/* pnlDataListControl */
.pnlDataListControl { background: url("DataList/pnlDataListControl-bg.gif") repeat-x; padding: 5px 10px; vertical-align: middle }
.pnlDataListControl select { margin-right: 10px }
.pnlDataListControl .btn { display: -moz-inline-block; display: inline-block }
.ibSearchCondition { vertical-align: bottom }
.pnlTotalRowCount {
    color: #494949;
    font: 11px Verdana, Arial, Helvetica, sans-serif
}

.handle
{
	width:15px;
	height:16px;
	background-image:url(images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}

P.pagebreakhere { page-break-before: always}

.pnlHelp {
    position: relative;
    float: right;
    top: -13px
}