/* globalni styly */
.gray { color: gray; }
.dump { color:black; background:white; font-size:12px; text-align:left; clear:both; float:none;}
.dump span { color: gray }

ul.errors { margin:0px;  padding-left:15px; color:#FF3333; }
ul.errors li { list-style-type: square; }
strong.error { margin:0px;  padding-left:15px; color:darkred; }

.hint {color:#555; font-style: italic; }
p.hint { margin-left:40px; }
.message { color:#FF3333;}
.required { font-weight: bold; }
.description {color:#555; font-style: italic;}

.left { text-align: left};
.right { text-align: right;}
a.right { display: block; }
a.center {display: block; }
a.right {display: block;}
.clearer { clear: both; }

/*  Menu */ 
div.menu {	background-color: #FFF;}
div.menu ul {	padding: 0px;	margin: 0px; }
div.menu ul.navigation a {	font-size: 12px;	line-height: 19px; padding:1px;	padding-left:10px;	text-decoration: none; display: block;float: none; margin: 0px; color:#7A7A7A;	font-weight:bold;}
div.menu ul.navigation li {		border-bottom: 1px solid #999;	background-color: #FFF;	list-style-type: none; margin:0px; padding: 0px; }
div.menu ul.navigation>li.active>a {  color:#FFF; background-color: #000099;}
div.menu ul.navigation li li.active >a {  color:#000; background-color: #FFF; background-image: url('../images/icons/menu-item-li.gif'); background-position: 0px 5px; padding-left:15px; background-repeat: no-repeat;}
div.menu ul.navigation ul {display:none; }
div.menu li.active ul {display:block; }
 /* druhe patro */
div.menu ul.navigation ul {	border-top:1px solid #999;}
div.menu ul.navigation li li {	padding-left:15px; margin:0px; border-bottom: 1px solid #999; border-right:none; }
div.menu ul.navigation li li a { 		color:#999;	font-weight: normal;}

div.menu ul.navigation li.last { border:none; }
div.menu ul.navigation li li.active a { color:#666; }


/* dataGrid */
table.dataGrid { border:1px solid #9C9C9C; margin:5px auto 5px 5px; }
table.dataGrid  th {background-color:#DDDDDD; border-bottom:1px solid #9C9C9C; padding:2px; /* min-width: 65px;*/ text-left;vertical-align:top;/*background-image: url(../../images/components/dataGridTh.jpg); background-position: left top; background-repeat: no-repeat;*/}
table.dataGrid td { border:1px solid #DCDCDC; vertical-align:top; padding:2px; /*background-image: url(../../images/components/dataGridTd.jpg); background-position: right bottom; background-repeat: no-repeat;*/}
table.dataGrid td ul{margin-top:0px; margin-left:12px; padding: 0px;}
table.dataGrid th div.name {  float:left;}
table.dataGrid th div.sort { margin-left:10px; text-align: right; padding-right: 2px;}
table.dataGrid th div.sort img { margin-left:2px; border: 0px;  }
table.dataGrid th div.filter{ clear: left;}
table.dataGrid th div.filter input[type=text] { width:95%;}
table.dataGrid th div.filter select { width:95%;}
table.dataGrid th .paging { text-align: left; }
table.dataGrid th .paging .sum { margin-right:20px;float:left; }
table.dataGrid th .paging div.pages { overflow: auto; width:600px;}
table.dataGrid th .paging .pages a {padding: 3px ; border-left:1px solid #D1D1D1; font-size:13px; font-weight:bold; color: #A7A7A7; }
table.dataGrid th .paging .pages a.active {color:#000;}
table.dataGrid .paging .pages a:HOVER { color: #777; }
table.dataGrid .paging .sum a { color:#777; }
table.dataGrid em { color: #F00; }
table.dataGrid div.filter select.active, table.dataGrid div.filter input.active { border:1px solid #F00;color: #F00;}
table.dataGrid div.filter select option {color: #000;}
table.dataGrid div.filter select option.active {color: #F00;}

/* Forms */
div.form-panel { background-color: #DDD; padding:10px; border: 1px solid #CCC; margin-top:20px; width:400px; padding-right: 20px; padding-left:20px; -moz-border-radius: 15px;  -webkit-border-radius: 15px;}
table.form-panel { background-color: #DDD; padding:2px; border: 1px solid #CCC; margin-top:20px; width:400px;}
.form-panel fieldset { background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
table.form-panel td {vertical-align: top;background: none;}
table.form-panel tr:nth-child(odd) td	 {vertical-align: top;background: none;}
table.form-panel td.element { }
table.form-panel .element input[type=password] { /*width:100%;*/ width:200px;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.form-panel .element input[type=text] { /*width:100%;*/ width:200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
table.form-panel .element textarea { width:100%; font-family:Arial,Helvetica;font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
table.form-panel .element select {  /*width:100%;*/ width:200px; }

table.form-panel .element input[type=checkbox] { width:12px; }
table.form-panel .element input[type=radio] { width:12px; }
table.form-panel .element label { }
table.form-panel .element select.formDate {width:auto;margin-right:2px;}
table.form-panel .element select.formDateHour {width:auto;margin-right:2px;margin-left:15px;}
.form-panel select.formDate {width:auto;margin-right:2px;}
.form-panel select.formDateHour {width:auto;margin-right:2px;margin-left:15px;}

div.form-contact-us { background-color: #EEE; padding:10px; border: 1px solid #CCC; margin-top:20px; width:700px; padding-right: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
table.form-contact-us { background-color: #DDD; padding:10px; border: 1px solid #CCC; margin-top:20px; width:700px; }
table.form-contact-us td {vertical-align: top;}
table.form-contact-us td.element { }
table.form-contact-us .element input[type=text] {   /*width:100%;*/ width:200px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
table.form-contact-us .element select {  /*width:100%;*/ width:200px; }
table.form-contact-us .element textarea { width:100%;font-family:Arial,Helvetica; font-size: 13px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
table.form-contact-us .element input[type=checkbox] { width:12px; }
table.form-contact-us .element input[type=radio] { width:12px; }
table.form-contact-us .element label { width:auto;  }
div.form-contact-us dd input[type=text] { /*width:100%;*/ width:200px; }
div.form-contact-us dd textarea { /*width:100%;*/ width:200px; font-family:Arial,Helvetica;}
div.form-contact-us dd input[type=password] { /*width:100%;*/ width:200px; }
div.form-contact-us dd select { /*width:100%;*/ width:200px; }
div.form-contact-us select.formDate {width:auto;margin-right:2px;}
div.form-contact-us select.formDateHour {width:auto;margin-right:2px;margin-left:15px;}
/*div.form-panel input {margin: 2px ;}*/

div.form-panel input.button { color:navy; font-size:12px; font-style:normal; font-weight:bold; padding:2px; border:1px solid #999; background-color: #FFF;font-family:Arial; width:150px;  text-align: center;-moz-border-radius: 7px; -webkit-border-radius: 7px;}
div.form-panel dt { }
div.form-panel dd { }
div.form-panel dd input[type=text] { /*width:100%;*/ width:200px;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.form-panel dd textarea {width:100%;font-family:Arial,Helvetica; font-size: 13px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.form-panel dd input[type=password] { /*width:100%;*/ width:200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div.form-panel dd select { /*width:100%;*/ width:200px; }
div.form-panel dl { }

div.form-login  { margin-left:25px;}
div.form-login dt { display: inline; float: left; margin: 2px; clear: left;}
div.form-login dd { display: inline; float: left; margin: 2px;}
div.form-login input { -moz-border-radius: 7px; -webkit-border-radius: 7px;  width: 120px;}
div.form-login input.button {  -moz-border-radius: 7px; -webkit-border-radius: 7px; color:navy; font-size:12px; font-style:normal; font-weight:bold; padding:2px; border:1px solid #999; background-color: #FFF;font-family:Arial; width:150px;  text-align: center;}

/* Whipster_Form_PageContent */
.pageContent dd fieldset {  -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #DDD; } 
.pageContent dd { margin:0px; } 
.pageContent dl {margin: 0px; padding: 0px;}

/* Whipster_CompositeObject */
div.compositeObject {  }
table.compositeObject { border: 1px solid #999; }
table.compositeObject table.relation { margin: 5px;  }
table.compositeObject td,table.compositeObject th{ vertical-align: top; padding: 4px;	border-bottom: 1px solid #CCC; margin: 0px; }
table.compositeObject th { background-color: #EEE; border-right: 1px solid #CCC;}
		
div.relationsInverse {border: 1px solid #999; padding: 5px;	margin-bottom:10px;  }	
div.relationsInverse ul { margin:0px;   list-style-type: square;}

/* whipster updates */
div.objectUpdates { border:1px solid gray;  margin-bottom:10px;  padding:5px; min-width: 400px; }
div.objectUpdates h2 {display: inline; }
div.objectUpdates img.expand {cursor: pointer; }
div.objectUpdates .tableUpdates td,div.objectUpdates .tableUpdates th { border-bottom: 1px solid gray; vertical-align: top; }
div.objectUpdates .tableUpdates table td,div.objectUpdates .tableUpdates table th { border-bottom: 0px solid gray; vertical-align: top; }
div.objectUpdates table.tableUpdates { width: 100%; }

/* whipster search */
#searchField {	width: 200px;}
#results {	border: 1px solid #666;	border-bottom: 0px;	font-size: 12px;	font-family: arial;	padding: 0px;	display: none;}
#results div {    border-bottom: 1px solid #666;    padding: 3px;}
#results .selected {	background-color: #CCC;	color: #000;}
#results .unselected {	background-color: #fff;	color: #666;}

/* table calendar layout */
.customDate {background-color:#CCCCCC;}
table.calendarLayout {border-left:1px solid #9C9C9C;border-top:1px solid #9C9C9C;margin-bottom:10px;margin-top:10px;}
table.calendarLayout td {border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;padding:5px;vertical-align:top;}
table.calendarLayout th {background-color:#DDDDDD;border-bottom:1px solid #9C9C9C;padding:5px;text-align:center;vertical-align:middle;}
table.calendarLayout td.thisMonth, table.calendarLayout th.thisMonth {background-color:#CCFFCC;}
table.calendarLayout td.nextMonth, table.calendarLayout th.nextMonth {background-color:#CCFFFF;}
table.calendarLayout td.today, table.calendarLayout th.today {background-color:#99CCFF;font-weight:bold;}

span.hourMinute .hour,div.hourMinute .hour { font-size:12px;}
span.hourMinute .minute,div.hourMinute .minute { font-size:7px; vertical-align: top;}
span.hourMinuteBig .hour ,div.hourMinuteBig .hour { font-size:15px;}
span.hourMinuteBig .minute,div.hourMinuteBig .minute { font-size:10px; vertical-align: top;}