/* 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:#900; }
ul.formEr { margin:2px;  padding-left:15px; color:#900; }
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; }

div.flashMessage  {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}
div.flashMessage.error  {	
	background: #C33;
	border: 1px solid #F00;
	color: white;
}
div.flashMessage.error  a { color:yellow;}
                          

/* dataGrid */
table.dataGrid { border:1px solid #999; margin:5px auto 5px 5px;font-size: 10px; border-collapse: collapse; }
table.dataGrid  th {background-color:#CCC; border:1px solid #BBB; padding:2px; font-weight:normal; text-transform:uppercase; color:white; font-size: 10px; vertical-align: top; }
table.dataGrid td { border:1px solid #CCC; vertical-align:top; background-color:white; padding:2px;}
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%; font-size: 10px; text-transform: none;font-family: verdana;}
table.dataGrid th div.filter select { width:95%;font-size: 10px; text-transform: none; font-family: verdana;}
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: #CACAC5; padding:10px; border: 1px solid #AAB; margin-top:20px; width:500px; padding-right: 20px;  border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px; margin: 15px auto; -moz-box-shadow:inset 1px 1px 10px #AAA;-webkit-box-shadow:inset 1px 1px 10px #AAA;box-shadow:inset 1px 1px 10px #AAA; }
	table.form-panel { background-color:  #CACAC5; padding:10px; border: 1px solid #AAB; margin-top:20px; width:400px; border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px; }
	form-panel fieldset { background-color: #b5b5b1; padding:5px; border: 1px solid #AAB; border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;-moz-box-shadow:inset 1px 1px 10px #999;-webkit-box-shadow:inset 1px 1px 10px #999;box-shadow:inset 1px 1px 10px #999;padding-bottom: 10px; }
*/
div.form-panel {  padding:10px; border: 0px solid #AAB; margin-top:20px; padding-right: 20px;  background-color: #EEE;}
table.form-panel { padding:10px; border: 1px solid #AAB; margin-top:20px;  background-color: #EEE;}
.form-panel fieldset {padding:5px; border: 1px solid #AAB; padding-bottom: 10px;background-color: #DDD; }


table.form-panel td {vertical-align: top;}
table.form-panel td.element { }
table.form-panel .element input[type=password] { /*width:100%;*/ width:200px; }
table.form-panel .element input[type=text] { /*width:100%;*/ width:200px; }
table.form-panel .element textarea { width:100%; font-family:Arial,Helvetica;font-size: 13px; }
table.form-panel .element select {  /*width:100%;*/ width:200px; }

table.form-panel .element input[type=checkbox] { width:10px; }
table.form-panel .element input[type=radio] { width:10px; }
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; }
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;}
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;}
table.form-contact-us .element input[type=checkbox] { width:10px; }
table.form-contact-us .element input[type=radio] { width:10px; }
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;}
div.form-panel dt { }
div.form-panel dd { }
div.form-panel dd input[type=text] { /*width:100%;*/ width:200px; }
div.form-panel input[type=submit]:hover, div.form-panel input[type=button]:hover, div.form-panel button.button:hover {   margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px;padding-top:12px;line-height:12px;background: transparent url("../images/layout/button-246.png") no-repeat 0px -32px ; height: 32px; width: 200px; font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase; }
div.form-panel input[type=submit], div.form-panel input[type=button], div.form-panel button.button {   margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px; padding-top:12px; line-height:12px; font-weight: bold;background: transparent url("../images/layout/button-246.png") no-repeat 0px 0px ; height: 32px; width: 200px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;}
div.form-panel input[name=cancel]:hover, div.form-panel input[type=button]:hover, div.form-panel button.button:hover {  margin-right:10px; border:0; margin-bottom:10px; color:white; padding:2px;padding-top:12px;line-height:12px; background: transparent url("../images/layout/button-246.png") no-repeat 0px -32px ; height: 32px; width: 200px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;  }
div.form-panel input[name=cancel], div.form-panel input[type=button], div.form-panel button.button { margin-right:10px; border:0; margin-bottom:10px;  color:white; padding:2px;padding-top:12px; line-height:12px;background: transparent url("../images/layout/button-246.png") no-repeat 0px 0px ; height: 32px; width: 200px;font-size: 12px; font-family: "Century Gothic",Verdana,"Lucida Sans Unicode"; font-weight: normal; text-transform: uppercase;}
div.form-panel dd textarea {width:100%;font-family:Arial,Helvetica; font-size: 13px; }
div.form-panel dd input[type=password] { /*width:100%;*/ width:200px; }
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 { width: 120px;}
div.form-login 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;}

/* Whipster_Form_PageContent */
.pageContent { }
.pageContent dd fieldset { background-color: #CCC; } 
.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;}