/**
 * Default style for standard components
 */

.dojoDialog #WaitDialog, #StandardDialog, #OkDialog, #ErrorDialog, #LoginDialog {
text-align:center;
font-size:10pt;
color:#000;
}

#WaitDialog {
cursor:wait;
}

div.dialogMessage {
text-align:center;
width:410px;
}

div.dialogMessage table {
margin-left:0px;
margin-right:0px;
width:100%;
}

div.dialogMessage img {
padding:3px;
margin-left:auto;
margin-right:auto;
}

td.dialogTd img {
width:32px;
height:32px;
}

.dojoDialog {
border:1px solid #999;
padding:3px;
border-radius:6px;
background-color:#EEE;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}


td.dialogTd {
font-size:10pt;
padding:4px;
}

input.dialogButton {
margin-top:5px;
width:100px;
}

div.dialogErrorMessage {
font-weight:bold;
color:#A00;
padding:4px;
}

div.invalidInputMessage {
padding:10px;
margin:5px;
border:1px;
border-color:#F00;
border-style:solid;
}

label input.remember-me {
margin-bottom:2px;	
}

label:hover {
cursor:pointer;
cursor:hand;
}

.login-message {
background-color:#00A;
color:#FFF;
font-size:10pt;
font-weight:bold;
margin:3px;
padding:3px;
}

table.loginPane td {
width:50%;
}


table.loginPane td.name {
font-weight:bold;
font-size:9pt;
text-align:right;
}

table.loginPane td.value {
text-align:left;
}

table.loginPane td.value input {
width:140px;
}

img.noborder {
border:0px;
}

a.imageLink img {
border:0px;
}

.collectionNavigator {
margin-left:auto;
margin-right:auto;
text-align:center;
padding:1px;
width:90%;
float:none;
clear:both;
}

.collectionNavigator .backwardNav, .collectionNavigator .forwardNav {
clear:none;
cursor:pointer;
cursor:hand;
margin:2px;
}

.collectionNavigator .backwardNav {
background:url(../img/backward_nav.gif) 0px 0px no-repeat;
margin-left:4px;
}

.collectionNavigator .forwardNav {
background:url(../img/forward_nav.gif) 0px 0px no-repeat;
margin-right:4px;
margin-left:6px;
}

.collectionNavigator .backwardNav:hover {
margin-right:4px;
margin-left:2px;
}

.collectionNavigator .forwardNav:hover {
margin-right:2px;
margin-left:8px;
}

.collectionNavigatorIndex {
margin:2px;
padding:3px;
width:17px;
border:1px;
border-style:solid;
border-color:#AAA;
clear:none;
}

a:hover .collectionNavigatorIndex {
background-color:#666;
color:#FFF;
border-color:#000;
text-decoration:none;
}

.collectionNavigatorIndex.currentIndex {
font-weight:bold;
border:0px;
margin-left:8px;
margin-right:8px;
}
/*
 * Default style for all
 * form related elements.
 */

/* style for star rating widget 
@import url("../js/starry/stars.css");
*/

div.button {
	display:inline
}

input.button, button, .buttonize {
font-family:Helvetica, Verdana, Tahoma, Verdana, Arial;
background:url(../img/bg_button_span.gif) 0px -1px no-repeat;
font-weight:bold;
color:#000;
border:1px;
border-style:outset;
border-color:#CCC;
font-size:11px;
padding:3px;
margin:2px;
cursor:pointer;
}

.buttonize, .buttonize:hover {
padding:3px;
text-decoration:none;
}

button img, .buttonize img {
width:16px;
height:16px;
margin-bottom:-5px;
}

div.button:active input, button:active {
background-position:0px 24px;
}

input.button:hover, button:hover, .buttonize:hover {
background-position:bottom left;
font-weight:bold;
color:#666;
border:1px;
border-style:inset;
border-color:#DDD;
text-decoration:none;
}

input.f-button-add-element {
display:block;
margin-right:0px;
margin-left:auto;
}


div.button input.f-button-submit {
background:url('../img/button-ok.gif') 0px -1px repeat-x;
padding-left:25px;
}

div.button input.f-button-submit:hover {
background:url('../img/button-ok.gif') bottom left repeat-x;
}

div.button input.f-button-add-element {
background:url('../img/button-add.gif') 0px -1px repeat-x;
padding-left:25px;
}

div.button input.f-button-add-element:hover {
background:url('../img/button-add.gif') bottom left; repeat-x;
}

div.button input.f-button-remove-element {
background:url('../img/button-delete.gif') 0px -1px repeat-x;
padding-left:25px;
}

div.button input.f-button-remove-element:hover {
background:url('../img/button-delete.gif') bottom left; repeat-x;
}

div.RichTextEditable {
border:1px;
border-color:#999;
border-style:inset;
font-size:10pt;
padding:3pt;
background-color:#FFF;
}

div.RichTextEditable iframe {
margin:3px;
}

.f-class, .f-field, .f-class-name, .f-class-value, .f-field-name, .f-field-value {
padding:2px;
font-size:8pt;
}

.f-class-name:first-letter, .f-field-name:first-letter {
text-transform:uppercase;
}

.f-class {
border:2px;
padding:1px;
margin:4px;
margin-bottom:8px;
border-style:solid;
border-color:#AAA;
text-align:left;
}

.f-class:hover {
border-color:#888;	
}

.f-field {
display:block;
border:0px;
margin:1px;
padding:0px;
clear:both;
}

.f-class-name, .f-field-name {
background-color:#EEE;
border:1px;
border-style:solid;
border-color:#CCC;
}

.f-class-name {
background-color:#DDD;
color:#00A;
padding:3px;
font-size:12px;
font-weight:bold;
border:0px;
border-bottom:1px;
border-color:#EEE;
border-style:dotted;
position:relative;
}

.f-class-name {
width:auto;
float:none;
clear:both;
}

.f-field-name {
float:left;
clear:left;
width:20%;
margin:3px;
margin-right:10px;
position:relative;
}

.f-class-value {
position:relative;
}

.f-field-value {
margin-left:22%;
position:relative;
}

.f-field-constant-value {
font-style:italic;
padding-top:4px;
}


.f-field-value .tab-page {
top:-6px;
}

.f-field-value.xhtml .tab-page, .f-field-value.text .tab-page {
top:-2px;	
}

.f-field-value.xhtml p {
background-color:#FFF;
margin:0px;
}

.f-field-name.xhtml, .f-field-name.text {
width:auto;
float:none;
clear:both;
margin-right:3px;
position:relative;
height:1%;
}

.f-field-value.xhtml, .f-field-value.text {
margin-left:0px;
}

.f-field-value.boolean {
text-align:left;
padding:6px;
}

.f-collection-value {
}

.f-collection-value .tab-page {
top:-2px;
}

.f-collection-value input.form, .f-collection-value input.select {
width:80%;
font-size:10pt;
}

input.form.image, input.form.file, input.form.mp3, input.form.video {
width:40%;
}

.f-collection-value.new-template {
display:none;
}

.f-class-collection-value {
border:0px;
border-bottom:1px;
border-color:#AAA;
border-style:solid;
padding:2pt;
background-color:#F9F9F9;
margin:3pt;
margin-bottom:10pt;
}

.f-class-collection {
}

input.form, input.select {
margin:1px;
width:95%;
}

input.form.boolean {
width:auto;
}

.form.option-item {
width:100%;
}

input.form.option {
margin-right:5px;
margin-left:5px;
width:auto;
}

input.form.date, input.form.color, input.form.integer {
width:110px;
}

input.form.simple-password {
width:80px;
}

input.form.password {
width:80px;
margin-left:10px;
margin-right:3px;
}

div.f-password-name {
background-color:#F6F6F6;
width:170px;
margin:2px;
padding:2px;
border:1px;
border-style:solid;
border-color:#F0F0F0;
float:left;
}

input.form.image, input.form.file {
width:40%;
}

div.xhtml-editor-widget, textarea.text {
width:98%;
margin:0px;
padding:0px;
}

input.form, textarea.form, select.form {
border:1px;
border-color:#AAA;
border-style:solid;
font-family:Arial;
font-size:10pt;
}

input.form.invalid, select.form.invalid, textarea.form.invalid {
/* also make change to form.js, style is set programatically there */
border-color:#A00;
background:#FCC url(../img/error.gif) right center no-repeat;
}

input.form:hover, select.form:hover, textarea.form:hover {
border:1px;
border-color:#000;
border-style:solid;
}

input.form:focus, select.form:focus, textarea.form:focus {
background-color:#F9F9F9;
border:1px;
border-bottom:1px;
border-color:#000;
border-style:groove;
}

.form-message {
background-color:#FF0;
border:1px;
border-color:#AA0;
border-style:solid;
font-weight:bold;
padding:3px;
margin:3px;
}

.loading {
background-color:#F3F3FF;
font-weight:normal;
text-align:center;
padding:20pt;
}

h2.tab {
font-size:12px;
border:0px;
}

div.invalid-message {
/* also make change to form.js, style is set programatically there */
font-weight:bold;
color:#A00;
padding-left:20px;
background-color:#FEE;
width:95%;
}

a.update-or-current-label {
display:block;
padding:3px;
padding-left:25px;
background:url(../img/replace.gif) left center no-repeat;
margin:0px;
clear:right;
width:200px;
}

a.update-or-current-label:hover {
text-decoration:underline;
font-weight:bold;
background:url(../img/replace.gif) 4px center no-repeat;
}

div.current-container, div.update-container {
}

div.update-or-current-value-container {
text-align:center;
padding:5px;
border:2px;
border-color:#BBB;
border-style:solid;
display:block;
}

div.update-or-current-value-container div.f-field {
text-align:left;
clear:right;
padding-bottom:5px;
}

div.f-relation {
margin:0px;
padding:4px;
border:1px;
border-color:#DDD;
background-color:#FFF;
border-style:inset;
position:relative;
}


div.f-relations-dropdown {
z-index:1000;
position:absolute;
margin:0px;
padding:0px;
border-color:#000;
background-color:#AAA;
border:2px;
border-color:#333;
border-style:solid;
}

div.f-relations-container {
overflow:auto;
position:relative;
}

div.f-relations-search-bar {
background-color:#00A;
border-bottom:2px;
border-color:#AAF;
color:#FFF;
padding:4px;
font-weight:bold;
}

div.f-relations-search-bar input {
width:84%;
background-color:#66D;
margin-left:5px;
border:0px;
border-bottom:1px;
border-color:#FFF;
color:#FFF;
border-style:solid;
}



/* the indicator */
div.f-relations-search-bar img {
padding:0px;margin:0px; 	
}

div.f-relations-container div.f-relations-item {
margin-bottom:1px;
}

div.f-relations-item a {
padding:3px;
margin:0px;
margin-left:0px;
margin-right:0px;
background-color:#FFF;
display:block;
}

div.f-relations-item a.alternate {
background-color:#F4F4F4;
}



div.f-relations-item a:hover {
background-color:#63709A;
color:#FFF;
text-decoration:none;
}

div.f-relation-name {
font-weight:bold;
padding:3px;
display:block;
}

div.f-relation-details {
font-weight:normal;
display:inline;
padding:3px;
}

img.f-relation-name, img.f-relation-details {
margin-left:auto;margin-right:auto;
display:block;
}

div.f-relation-current {
margin-left:30px;
padding-bottom:5px;
padding-top:5px;
}

div.f-no-relation {
font-style:italic;
background-color:#FFA;
}

div.f-relations-item a:hover div.f-no-relation {
background-color:transparent;
}

a.f-relation-combo-box-arrow {
display:block;
float:left;
padding:2px;
position:relative;
}

div.f-rating-widget-container {
display:block;
float:none;
height:20px;
}

div.f-rating-widget-container i {
display:block;
padding-top:4px;
}