/****
 * PARECI CSS style
 *
 * This file contains CSS for use with a Pareci application.
 * The class names in this document are recommended suggestions. Class names can be specified using the 'class' property in any widget.
 *
 **** */

/***************************************/
/* Global background and font settings */
/***************************************/

html,
body
{
   background-color: #eee;
   font-family:      Lucida Grande, Tahoma, Helvetica, Arial, sans-serif;
   font-size:        13px;

   /* This is necessary to make sure the background will be visible through the entire viewport */
   width:            100%;
   height:           100%;
}

/*********************/
/* Application title */
/*********************/

.applicationTitle
{
   background-color: #034;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#004455', endColorstr='#002233');
   background:       -webkit-gradient(linear, left top, left bottom, from(#045), to(#023));
   background:       -moz-linear-gradient(top,  #045,  #023);
   padding:          15px 0px 5px 10%;
   height:           40px;
   display:          block;
   font-size:        200%;
   letter-spacing:   -1px;
   color:            #E0E0E0;
   font-weight:      bold;
}

.applicationTitle a
{
   color:            inherit;
   text-decoration:  inherit;

}

/*************/
/* Main menu */
/*************/

.mainMenu.Widget_Stack_Horizontal
{
   background-color: #bbb;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa');
   background:       -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));
   background:       -moz-linear-gradient(top,  #ccc,  #aaa);
   border-top:       1px solid #eee;
   border-bottom:    1px solid #777;
   margin:           0;
   height:           2em;
   padding:          5px 0 5px 10%;
}

.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float_Single
{
   display: inline-block;
}

.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float > a,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float > .Widget_Menu > .Widget_Menu_Text,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float_Single > a,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float_Single > .Widget_Menu > .Widget_Menu_Text
{
   border-style:     solid none none solid;
   border-color:     transparent;
   border-width:     1px medium medium 1px;
   border-radius:    8px 8px 8px 8px;
   display:          block;
   font-weight:      bold;
   height:           1em;
   line-height:      1em;
   margin:           1px 5px;
   padding:          5px 12px;
   text-decoration:  none;
   text-shadow:      0 1px #ddd;
   color:            #444;
}

.mainMenu a:hover
{
   color:            #222;
   text-decoration:  none;
}

.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float > a.Widget_LinkButton_Selected,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float_Single > a.Widget_LinkButton_Selected
{
   background-color: #777;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#888888');
   background:       -webkit-gradient(linear, left top, left bottom, from(#777), to(#888));
   background:       -moz-linear-gradient(top,  #777,  #888);
   border-color:     #666666 #F0F0F0 #F0F0F0 #666666;
   border-style:     solid none none solid;
   border-width:     1px medium medium 1px;
   margin:           2px 10px 0px 9px;
   padding:          3px 8px 5px 7px;
   text-shadow:      0 -1px #666;
   color:            #F0F0F0;
   -moz-box-shadow:  1px 1px 3px rgba(0, 0, 0, 0.1) inset;
   box-shadow:       1px 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float > a.Widget_LinkButton_Selected:hover,
.mainMenu > .Widget_Stack_Row_Float > .Widget_Stack_Cell_Float_Single > a.Widget_LinkButton_Selected:hover
{
   color:            #E0E0E0;
}

/**********************/
/* Vertical main menu */
/**********************/

.mainMenu.Widget_Stack_Vertical
{
   margin:           20px 20px 0 40px;
   background-color: #bbb;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa', gradientType=1);
   background:       -webkit-gradient(linear, left top, right top, from(#ccc), to(#aaa));
   background:       -moz-linear-gradient(left,  #ccc,  #aaa);
   border-radius:    8px;
   border-left:      1px solid #eee;
   border-right:     1px solid #777;
   padding:          5px 0 5px 5px;
   float:            left;
}

/*************/
/* Main page */
/*************/
.mainPage
{
   width:            80%;
   margin:           20px auto 0 auto;
   margin-right:     auto;
   background:       none repeat scroll 0 0 white;
   border:           1px solid #C0C0C0;
   border-radius:    8px 8px 8px 8px;
   box-shadow:       0 3px 10px rgba(0, 0, 0, 0.1);
   padding:          20px;
}

.mainPage .title
{
   margin:           -20px -20px 20px;
   background-color: #D4E2E5;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F1F4', endColorstr='#D4E2E5');
   background:       -moz-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   background:       -webkit-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   border-bottom:    1px solid #AECCD7;
   border-top:       1px solid white;
   border-radius:    8px 8px 0 0;
   color:            #444444;
   display:          block;
   font-size:        220%;
   letter-spacing:   -1px;
   padding:          10px 20px;
   text-shadow:      0 1px white;
}

/*****************/
/* Page tool bar */
/*****************/
.mainPage .pageToolBar
{
   margin:           -20px -20px 20px;
   background-color: #e2ebf0;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F1F4', endColorstr='#E2EBF0');
   background:       -moz-linear-gradient(#e9f1f4, #e2ebf0) repeat scroll 0 0 transparent;
   background:       -webkit-gradient(linear, left top, left bottom, from(#e9f1f4), to(#e2ebf0));
   border-top:       1px solid #fff;
   border-bottom:    1px solid #AECCD7;
   padding:          5px 0;
}

.mainPage .pageToolBar a
{
   float:            left;
   display:          block;
   outline:          0 none;

   color:            #557788;
   font-size:        0.85em;
   text-shadow:      0 1px #fff;

   font-weight:      bold;
   height:           1em;
   line-height:      1em;
   text-decoration:  none;

   margin:           3px 5px;
   padding:          5px 12px;
}

.mainPage .pageToolBar a:hover
{
   color:            #345261;
}

.mainPage .pageToolBar a.Widget_LinkButton_Selected
{
  border-radius:     8px 8px 8px 8px;
  background:        #B5C2C5;
  border:            0;
  text-shadow:       none;
  color:             #fff;
}

/******************/
/* Button classes */
/******************/
.Widget_LinkButton.button,
.Widget_FileUpload_Button,
.Widget_Menu.button > .Widget_Menu_Text
{
   border-radius:    4px;
   background-color: #eee;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');
   background:       -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
   background:       -moz-linear-gradient(top,  #eee,  #ddd);
   border:           1px solid #CCCCCC;
   color:            #444444;
   display:          inline-block;
   font-size:        .9em;
   font-weight:      bold;
   margin:           0.5em;
   padding:          0.3em 0.9em 0.2em .6em;
   text-decoration:  none;
   text-shadow:      0 1px #FFFFFF;
   color:            #226699;
}

/***************/
/* Panel class */
/***************/
.panel
{
   color:            inherit;
   display:          block;
   padding:          10px;
   margin:           5px;
   border:           1px solid #ccc;
   border-radius:    5px;
   background-color: #F8FAFC;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFCFD', endColorstr='#F4F8FA');
   background:       -moz-linear-gradient(rgba(233,241,244,0.2), rgba(202,220,229,0.2)) repeat scroll 0 0 transparent;
   background:       -webkit-gradient(linear, left top, left bottom, from(rgba(233,241,244,0.2)), to(rgba(202,220,229,0.2)));
   box-shadow:       0 2px 5px rgba(0, 0, 0, 0.05);

}

.panelTitle
{
   display:          block;
   color:            #555;
   margin:           -10px -10px 5px -10px;
   padding:          2px 10px;
   border-radius:    5px 5px 0 0;
   background-color: #DEE9EC;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F1F4', endColorstr='#D4E2E5');
   background:       -moz-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   background:       -webkit-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   font-weight:      bold;
}

/****************/
/* Text classes */
/****************/
.caption
{
   color: #999;
   display: block;
   font-size: 0.85em;
   font-style: italic;
   text-align: right;
}


/***********/
/* Widgets */
/***********/

/* All widgets that output anchor tags */

a
{
  color:             #226699;
  text-decoration:   none;
  font-weight:       bold;
  font-size:         1em;
}

a:hover
{
   text-decoration:  underline;
}

/* All widgets that output input (and related) tags except select. Styling 'select' widgets has unexpected effects on Firefox. */
input,
textarea
{
   padding:          3px;
   border:           1px solid #ccc;
   border-radius:    0;
}

input[type=checkbox],
input[type=radio]
{
   width:            auto;
   border:           none;
   display:          inline;
}

/********************/
/* Widget_Accordion */
/********************/

.Widget_Accordion
{
   margin:           0 5px;
}

.Widget_Accordion_Caption
{
   border-radius:    0;
   background-image: none;
   background-color: #eeeeee;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
   background:       -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
   background:       -moz-linear-gradient(top,  #eee,  #ddd);
   border:           1px solid #CCCCCC;
   color:            #444444;
   display:          block;
   font-size:        .9em;
   font-weight:      bold;
   height:           auto;
   margin:           0;
   padding:          0.3em 0.9em 0 .6em;
   text-decoration:  none;
   text-shadow:      0 1px #FFFFFF;
}

.Widget_Accordion_Caption_Closed:hover
{
   background-color: #e9e9e9;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e1e1e1');
   background:       -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e1e1e1));
   background:       -moz-linear-gradient(top,  #f2f2f2,  #e1e1e1);
}

.Widget_Accordion_Caption_Opened,
.Widget_Accordion_Caption_Opened:hover
{
   background-color: #ededed;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e5e5e5');
   background:       -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e5e5e5));
   background:       -moz-linear-gradient(top,  #f6f6f6,  #e5e5e5);
}

.Widget_Accordion_Icon
{
   display:          none;
}

.Widget_Accordion_Content
{
   padding:          0 10px;
   border:           0;
   box-shadow:       0 2px 5px rgba(0, 0, 0, 0.05);
   display:          block;
}

.Widget_Accordion_Content_Opened
{
   padding:          10px;
}

/***************/
/* Widget_Menu */
/***************/
.Widget_Menu.subMenu      > .Widget_Menu_Icon,
.Widget_Menu.subMenuBelow > .Widget_Menu_Icon
{
   background-image: url('../images/icons.png');
}

.Widget_Menu_Children
{
   background-color: #eee;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');
   background:       -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
   background:       -moz-linear-gradient(top,  #eee,  #ddd);
   border: 1px solid #AFB7C0;
   border-radius: 5px;
   box-shadow: 0px 0px 3px #b6bbc2;
}

.Widget_Menu_Children > .Widget_Menu_ChildWrapper > *,
.Widget_Menu_Children > .Widget_Menu_Items > .Widget_Menu_ChildWrapper > *
{
   padding: 3px 5px;
}

/* Add a border line between the menu items. */
.Widget_Menu_Children > .Widget_Menu_ChildWrapper,
.Widget_Menu_Children > .Widget_Menu_Items > .Widget_Menu_ChildWrapper
{
   border-bottom: 1px solid #ccc;
}

.Widget_Menu_Children > .Widget_Menu_ChildWrapper:last-child,
.Widget_Menu_Children > .Widget_Menu_Items:last-child > .Widget_Menu_ChildWrapper:last-child
{
   border: none;
}


.Widget_Menu_Children > .Widget_Menu_ChildWrapper:hover,
.Widget_Menu_Children > .Widget_Menu_Items > .Widget_Menu_ChildWrapper:hover
{
   background: rgba(128,128,128,0.1)
}

/****************/
/* Widget_Table */
/****************/

.Widget_Table
{
  width:             100%;
  margin-bottom:     4px;
}

.Widget_Table th,
.Widget_Table td
{
  padding:           2px 6px;
}

.Widget_Table td
{
  border-bottom:     1px solid #eeeeee;
}

.Widget_Table tr:hover td
{
  background-color:  #E3EDF3;
}

.Widget_Table tr th
{
   border-bottom:    4px solid #DDDDDD;
   color:            #444444;
   font-size:        95%;
   font-weight:      bold;
   padding-bottom:   0;
   background-color: #e2ebf0;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F1F4', endColorstr='#E2EBF0');
   background:       -moz-linear-gradient(#e9f1f4, #e2ebf0) repeat scroll 0 0 transparent;
   background:       -webkit-gradient(linear, left top, left bottom, from(#e9f1f4), to(#e2ebf0));
   text-align:       left;

}

.Widget_Table td > *
{
  color:             #666666;
  font-size:         .8em;
}

.Widget_Table_Row.odd > td
{
   background-color: #f2f2f2;
}

.Widget_Table caption
{
   background-color: #DEE9EC;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F1F4', endColorstr='#D4E2E5');
   background:       -moz-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   background:       -webkit-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   border-color:     #CCCCCC #CCCCCC #444444;
   border-style:     solid solid none;
   border-width:     1px;
   border-radius:    5px 5px 0 0;
   color:            #555;
   padding:          2px 10px;
   font-weight:      bold;
   text-align:       left;
   font-size:        1.3em;
}

.Widget_Table_Row.Widget_Table_Row_Selected td 
{
   background-color: #E6F0EB;
}

.Widget_Table .Widget_Table_ControllerRow
{
   background-color: #DEE9EC;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F1F4', endColorstr='#D4E2E5');
   background:       -moz-linear-gradient(#D4E2E5 40%, #E9F1F4 100%);
   background:       -webkit-linear-gradient(#D4E2E5 40%, #E9F1F4 100%);
   border-color:     #444444 #CCCCCC #CCCCCC;
   border-style:     solid solid none;
   border-width:     1px;

   border-top: 1px solid #000;
   color:            #555;
   padding:          2px 10px;
   font-weight:      bold;
   text-align:       left;
}

/******************************/
/* Widget_PaginatorController */
/******************************/

.Widget_PaginatorController
{
   width:   148px;
}

.Widget_PaginatorController .Widget_PaginatorController_First,
.Widget_PaginatorController .Widget_PaginatorController_Previous,
.Widget_PaginatorController .Widget_PaginatorController_Next,
.Widget_PaginatorController .Widget_PaginatorController_Last
{
	background-image:url(julia/ui-icons_8ab0ba_256x240.png);
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   border: 1px solid #8ab0ba;
   border-radius: 5px;
   margin: 0 2px;
	cursor:pointer;
}

.Widget_PaginatorController .Widget_PaginatorController_First:hover,
.Widget_PaginatorController .Widget_PaginatorController_Previous:hover,
.Widget_PaginatorController .Widget_PaginatorController_Next:hover,
.Widget_PaginatorController .Widget_PaginatorController_Last:hover
{
	background-image:url(julia/ui-icons_dee9ec_256x240.png);
   background-color: #8ab0ba;
}

.Widget_PaginatorController .Widget_PaginatorController_Info
{
   width: 60px;
}

.Widget_PaginatorController .Widget_PaginatorController_First
{
   background-position: -240px -48px;
}

.Widget_PaginatorController .Widget_PaginatorController_Previous
{
   background-position: -96px -49px;
}

.Widget_PaginatorController .Widget_PaginatorController_Next
{
   background-position: -32px -49px;
}

.Widget_PaginatorController .Widget_PaginatorController_Last
{
   background-position: -208px -48px;
}

/*********************/
/* Widget_FormLayout */
/*********************/
.Widget_FormLayout fieldset
{
   border:           none;
   padding:          0;
}

.Widget_FormLayout.panel .Widget_FormLayout_Row
{
   border-bottom:    1px solid #eeeeee;
   border-collapse:  collapse;
   min-height:       2em;
}

.Widget_FormLayout fieldset input,
.Widget_FormLayout fieldset select,
.Widget_FormLayout fieldset textarea,
.Widget_FormLayout fieldset span,
.Widget_FormLayout fieldset a,
.Widget_FormLayout fieldset a.Widget_LinkButton.button,
.Widget_FormLayout fieldset .Widget_FileUpload_Button
{
   margin:           5px 0;
}

.Widget_FormLayout fieldset input[type=checkbox],
.Widget_FormLayout fieldset input[type=radio]
{
   display:          inline;
   width:            auto;
   margin-top:       9px;
}

.Widget_FormLayout label.disabled
{
   opacity: .45;
}

/*************************/
/* Widget_HintingDropDown*/
/*************************/

.ui-widget-content
{
   color:            inherit;
   display:          block;
   padding:          4px 0;
   margin:           5px;
   border:           1px solid #ccc;
   border-radius:    0 0 5px 5px;
   background:       #FFFFFF;
}

.ui-widget
{
   font-size:        inherit;
}

.ui-menu .ui-menu-item a
{
   padding:          0 4px;
   font-weight:      inherit;
   color:            #000;
}

.ui-menu .ui-menu-item a.ui-state-hover
{
   background-color: #c6e7f7;
   border:           0;
   color:            #333;
   margin:           0;
   border-radius:    0;
}

/***********************/
/* Widget_ColourPicker */
/***********************/

#mColorPicker
{
   padding:          10px;
   border-radius:    5px;
   background-color: #e6edf0;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf4f6', endColorstr='#e0e7eb');
   background:       -moz-linear-gradient(rgba(233,241,244,0.8), rgba(216,225,230,0.8)) repeat scroll 0 0 transparent;
   background:       -webkit-gradient(linear, left top, left bottom, from(rgba(233,241,244,0.6)), to(rgba(202,220,229,0.6)));
   box-shadow:       0 2px 5px rgba(0, 0, 0, 0.05);
}

#mColorPickerWrapper
{
   border-radius:    5px;
}

#mColorPickerImg
{
   border-radius:    5px 5px 0 0;
}

#mColorPickerFooter
{
   background:       rgba(0,0,0,0.1);
   border-radius:    0 0 5px 5px;
}

.mColorPickerTrigger.mColorPickerHidden
{
   border: 1px solid #ccc;
}

/* Validation of the ColourPicker */
.Widget_ColourPicker.ValidatorErrorInput
{
   border: none;
   background: none;
}

.Widget_ColourPicker.ValidatorErrorInput .mColorPickerTrigger
{
   border:           1px solid red;
}

/**************/
/* Validators */
/**************/

.ValidatorErrorMessage
{
   color:            #f00;
   padding:          0 5px;
}

.Widget_FormLayout .ValidatorErrorMessage_before,
.Widget_FormLayout .ValidatorErrorMessage_after
{
   clear:            left;
   margin-left:      46%;
}

.ValidatorErrorInput
{
   background-color: #fdd;
   background-image: none;
   border:           1px solid red;
}

/****************/
/* Popup window */
/****************/

.ui-dialog
{
   border:           1px solid #AECCD7;
   padding-top:      0;
   border-radius:    8px 8px;
}

.ui-dialog-titlebar
{
   background-color: #dee9ec;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9F1F4', endColorstr='#D4E2E5');
   background:       -moz-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   background:       -webkit-linear-gradient(#E9F1F4 0%, #D4E2E5 60%);
   border:           1px solid #AECCD7;
   border-radius:    8px 8px 0 0;
   margin:           -1px -1px 0px;
}

.ui-dialog-title
{
   font-weight:      bold;
   text-shadow:      0 1px #ddd;
   color:            #555;
}

/* Error popup gets a special colour scheme */
.pareciErrorDialog .ui-dialog-titlebar
{
   background-color: #bc4136;
   filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#D45149', endColorstr='#A53224');
   background:       -moz-linear-gradient(#D45149 0%, #A53224 60%);
   background:       -webkit-linear-gradient(#D45149 0%, #A53224 60%);

}

.pareciErrorDialog  .ui-dialog-titlebar .ui-dialog-title
{
   color:            #FFFFFF;
   text-shadow:      none;
}