/*----------------------------------------------------------
The base color for this template is #3C5670. If you'd like
to use a different color start by replacing all instances of
#3C5670 with your new color.
----------------------------------------------------------
	
@reference ~/Content/YUI/reset-fonts-grids.css

<reference path="~/Content/YUI/reset-fonts-grids.css"/>

*/
textarea.expression
{
    width: 360px;
    border: 1px solid #CCC;
	font-family: Fixed, monospace;
}


.rules   {
    margin-left:2em;
    margin-top:0;
    width:80%;
	float: left;
}

.rule 
{
    width:200px;
    margin:4px;
    margin-right:6px;
    background-color:#DFDFDF;
    display:inline-block;
}

.qual, .Qualification
{
   /* background: none repeat scroll 0 0 #E2F0FF;*/
}

.update, .Update 
{
    /*background: none repeat scroll 0 0 #EABC8F;*/
}

.pay, .Payout
{
   /* background: none repeat scroll 0 0 #D6FFD7;*/
}
.rule div
{
    padding-left:4px;
    padding-right:4px;
}

/* TODO: change handles to use a common class and differentiate by id instead. */

.rule .code 
{
    font-weight:bold;
    color:Black;
    margin-bottom:6px;
    margin-left:30px;   
    overflow:hidden;
}

.rule .order 
{
    float:right;
    padding-right:8px;
    font-style:italic;
    font-size:10pt;
}

.rule .description
{
    padding-top:4px;
    padding-bottom:4px;    
    overflow:hidden;
    height:4.8em;
	line-height: 1.6em;
	margin: 0 4px 0 4px;
}

#tooltip .description
{
    padding-top:4px;
    padding-bottom:4px;    
	line-height: 1.6em;
	min-height: 1.6em;
	margin: 0;
}

#tooltip .recalculateList
{
    padding-top:4px;
    padding-bottom:4px;    
	line-height: 1.6em;
	min-height: 1em;
	margin: 0;
	color: #000;
}

.actions, .documentation
{
    display:none;
}

div.toolbox 
{
    position:relative;
    /*left:80%;
    top:100px;*/
    width:10%;
	float: right
}

fieldset.create a,fieldset.view a,fieldset.order a
{
    border:none;
    display:inline;
    list-style:none;
	cursor: pointer;
}

fieldset.create img,fieldset.view img, fieldset.order img 
{
    outline:none;
    border:none;
    margin:1px;
}

div.toolbox fieldset
{
    border:none;
    border-top:solid 1px #E0E0E0;
    width:100%;
}

fieldset.parameters li
{
    list-style-type:none;
    margin-left:-3em;
}

.rule:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(../../Images/corner-bl.png);
  margin: -6px 0 -1px 0;
  height: 16px;
  background: transparent url(../../Images/corner-br.png) scroll no-repeat bottom right ;
  padding: 0;
}

.rule:after:hover 
{
    display:none;
}

.rule:before {
  background: transparent url(../../Images/corner-tr.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(../../Images/corner-tl.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.rule:before 
{
  margin-left:-6px;
  position:relative;
  top:-4px;
}


.band
{
    border-bottom:1px dashed;
    margin-top:4px;
}


.details-popup 
{
	background:#FFFFFF;
	border:1px solid;
	font-size:12px;
}

.details-popup fieldset
{
    padding: 0;
    margin: 0;
    border: none;    
}

.details-popup fieldset legend
{
    display: none;    
}

ul.edit-list
{
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	font-weight: bold;
}

ul.edit-list li, .ui-dialog-subtitlebar li
{
	display: inline;
}

.ui-dialog-subtitlebar
{
    background-color: #eee; border: 1px solid #aaa; padding: 0.5em 1em;    
}

.ui-dialog-subtitlebar span.subtitle-property
{
    font-weight: bold;
    padding-right: 0.5em;
    float: left;
}

.ui-dialog-subtitlebar .listbtndel
{
	display: none;	
}

.ui-button-text-only .ui-button-text, .ui-button-icon-only .ui-button-text 
{
    padding: 0.1em 0em 0.1em 0.3em;
}

.ui-button-icon-only 
{
    width:1.2em;
}

div.listbtnset 
{
    float: left;   
}

div.listbtnset a.listbtn
{
	min-height: 19px;
	min-width: 19px;
}

div.listbtnset a.listbtndel
{
    border-left: none;
}
/*, .ui-button-icons-only .ui-button-text */

a.listbtn span, a.listbtndel span
{
    font-size: small;   
}

.note
{
	font-style:italic;
	margin: 0.1em;
	padding-right:0.5em;
}
.copyPlan 
{
    background-color: #DFDFDF;
    width: 85%;
    text-align: center;
    padding: 10px;
    margin: 10px auto;
    font-weight: bold;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 3px 3px 3px #888888;
}