/* OTHER affected css
style.css for navigation.
form.css for tab and wrapper
ie.css for special IE specific rendering...
*/

div.honeybasic 
{
    margin-top: 10px;
    background-color: #F7F7F7;
    border-radius: 10px;
    box-shadow: 0 0 4px #CCCCCC; 
    border-style: solid;
    border-width: 1px;
    border-color: #98C6EA; /* powder blue */
    padding:10px 10px 10px 10px;
    /*float: left;*/
}

div.honey 
{
    margin-top: 10px;
    background-color: #F7F7F7;
    border-radius: 10px;
    box-shadow: 0 0 4px #CCCCCC; 
    border-style: solid;
    border-width: 1px;
    border-color: #98C6EA; /* powder blue */
    display: block;
    overflow:visible;
    /*float: left;*/
}

/* Header portion of the honey
NOTE: <H3> must be used.
*/
div.honey > h3:first-child
{
    font-weight: bold;
    color: #333333;
    padding: 5px 5px 5px 10px;
    margin: 0; /* border-radius needed because it would create rounded-corner box-shadow.
    Now not needed since the box-shadow is moved to <hr> below.
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #F0F0F0;
}


/* line element right after the header */
.honey > h3:first-child + hr 
{
    margin: 0px !important;
    box-shadow: 0 0 1px #DDDDDD;
}

/* Required field within honey receives blue color */
.honey .requiredField
{
	color: #1D507D;
	text-transform: capitalize;

}


.honey hr
{
	margin: 0px !important;
}

/* Table portion of the honey */
.honey  table
{
    padding: 4px 3px 3px 4px; /* right and bottom are smaller because the <TD> is padded additionally */
    width: 100%;
    font-size: 12px;
    border-collapse: separate;
    empty-cells: show;
}



/* VIEW version of the TABLE */
.honey.view > table
{
	padding: 0px; /* necessary for the borders to go all way across */
 /*   width: 100%;
    font-size: 12px;
    border-collapse: separate;
    empty-cells: show;
*/
}

/* FULL (width) for the honey */
.honey.full
{
    width:100%;
}

/* DIV portion instead of TABLE */
.honey > div
{
    padding: 10px;
}


/* action DIV for buttons (but not buttons themselves) */
div.action
{
	padding-top: 10px;
	display: inline-block; /* it works but don't know why... :( */
}

.honey tr td.label
{
	background-color: #F7F7F7; /*	border-bottom: 1px solid white;  (very thin white line for label) */
	/*color: #888888;*/
	color: #838383;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 2px;
	text-align: right;
	white-space: nowrap;
	padding: 2px 3px 0px 3px;
    /*SRL: Set the vertical alignment of the label using class vat, vam, etc ...
    as each control counterpart to the label may require different vertical alignment */
	/*vertical-align:top;*/
}

.honey tr td.label span:after
{ 
content:":";
}

.honey tr td.radioButtonList
{
	vertical-align: middle; /* kn 2/13/13 the way to align label and radio buttons... */
}

.honey tr td
{
    /*FOR DEBUGGING TABLE BORDERS, RESTORE NEXT LINE:*/
    /*border:1px solid black;*/
    
    /*SRL 3/12/2013 - Temporarily disabled following style - want to see what app looks like without this*/
	/*white-space: nowrap; /* do not spill over to the next line!! */
	background-color: #F7F7F7;
	color: #222222; /* black */
    font-weight: normal;
    /*line-height: 14pt; /*SLACY: Changed from 18px*/
	padding: 2px; /*SLACY: Changed from 4px to make things more compact */
    /*text-align: left;*/
    /*vertical-align: top;*/
    /* For debugging tables: */
    /* border:1px solid black; */
}
/* TQ added */
.honey table table
{
    padding: 0px;
}

/* TQ added */
.honey.view tbody tr td table tbody tr td
{    
    padding: 0px;
    border-right: 0px;
}

.honey.view tbody tr td
{
    background-color: #FFFFFF;
}

/* VIEW TD contains the thin lines */
.honey.view tr td
{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.honey.view tbody tr:last-child td
{
	border-bottom: 0px;
}
.honey.view tr td:last-child
{
	border-right: 0px;
}


/* VIEW THEAD TD contains the BOLD and thin lines */
.honey.view thead tr td
{
    font-weight: bold !important;
    border-bottom: 1px solid #cccccc !important;
}

/* standard TH, TD */
th, td {
    border: medium none;
	padding: 6px;
    padding: 0;
}

.honey th, .honey tr
{
	/*border-bottom: 1px solid white;*/
}

/*
Input related adjustment
*/
.honey select, .honey textarea, .honey input[type="text"], input[type="password"], .detail input[type="password"], .honey input[type="email"], .honey input[type="url"], .honey input[type="date"], .honey input[type="number"], .honey input[type="time"], .honey input[type="date"], .honey input.date
{
	border: 1px solid #CCCCCC;
	border-radius: 3px; /* all way around */
	box-shadow: 0 1px 0 #FFFFFF;
	padding: 3px; /* all way around */
	/*width: 96%; SLACY: Disabled - want more control over these widths */
	margin: 0;
	/*height:18px; SLACY: Added line to fix rcbSprite.png from overlapping search textbox on client_dropdown.ascx)*/
}

.nonfull
{
	width: auto !important;
}

.honey select
{
	padding: 3px;
	height: 25px; /*SRL: Changed from 24px on 6/12/2013 to avoid cutting of "g" and "y" and other letters that go below text base*/
}

/* for radio button */
.honey input[type="radio"] {
    margin: 0 5px 3px 0;
}

/* radio button text (within the honey frame) */
.honey td[scope="radio"]
{
	padding: 6px 6px 6px 6px;
}

/* Checkbox */
.honey input[type="checkbox"]
{
	display: inline;
	margin: 4px 3px 6px;
}



/*

Data type specific width

*/


/* Date type specific styles */
/* Date (NOTE: ID end with "Date") */
.honey input.date
{
	width: 70px;
}


/* city */
.honey input.city, .honey input[id$=City]
{
	min-width: 50px;
}

/* State */
.honey select.state, .honey select[id$="State"]
{
	max-width: 100px;
}

/* Zip */
.honey input.zip, .honey input[id$=Zip]
{
	min-width: 40px; /* just enough for XXXXX */
	max-width: 70px; /* length enough for XXXXX-XXXX */
}


/* phone */
.honey input.phone
{
	width: 90px;
}






/* Rounded bottom and the border of the table */
table.honey tr:last-child 
{
    border-bottom: 0px none;
}

table.honey tr:last-child > td
{
    border-bottom: 0px none;
}

table.honey tr:last-child > td:first-child 
{ 
    -moz-border-radius-bottomleft: 10px; 
    border-bottom: 0px none;
}

table.honey tr:last-child > td:last-child 
{
    -moz-border-radius-bottomright: 10px; 
    border-bottom: 0px none;
}


/* VIEW version of rounded corner for TD */
.honey.view tr:first-child td:first-child
{
	border-top-left-radius: 0px;
}
.honey.view tr:first-child td:last-child
{
	border-top-right-radius: 0px;
}
.honey.view tbody tr:last-child td:first-child
{
	border-bottom-left-radius: 10px;
}
.honey.view tbody tr:last-child td:last-child
{
	border-bottom-right-radius: 10px;
}

/*
Needed because certain controls take more than one row or column,
and the above psuedo-class (last-child, first-child, etc) cannot
handle such occasions.
*/
.roundedTopLeftCorner
{
    -moz-border-radius-topleft: 10px !important;
}
.roundedTopRightCorner
{
    -moz-border-radius-topright: 10px !important;
}
.roundedBottomLeftCorner
{
    -moz-border-radius-bottomleft: 10px !important;
}
.roundedBottomRightCorner
{
    -moz-border-radius-bottomright: 10px !important;
}


/*
11/19/2011 KN
neutralize honey so that calendar control work correctly.
*/
.honey .cal_Theme1 td
{
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ff6666;
}

.ct /*center a table*/
{
margin-left:auto;margin-right:auto
}

.re /*rounded edges*/
{
    border-radius: 15px;
}

.re5 /*rounded edges*/
{
    border-radius: 5px;
}

.Sugar_TelerikComboBox_Client_Dropdown input[type="text"],
.Sugar_TelerikComboBox_Client_Dropdown input[type="text"]:focus,
.Sugar_TelerikComboBox_Client_Dropdown input[type="text"]:hover
{
    background-color:transparent !important;
    border: 0px solid transparent !important;
    width: 220px !important;
    padding: 0px !important;
    /*width: auto !important;*/
}

.Sugar_TelerikComboBox_Company_Dropdown input[type="text"],
.Sugar_TelerikComboBox_Company_Dropdown input[type="text"]:focus,
.Sugar_TelerikComboBox_Company_Dropdown input[type="text"]:hover
{
    background-color:transparent !important;
    border: 0px solid transparent !important;
    vertical-align:top;
    font-size:.9em;
    padding: 0px !important;
    /*width: auto !important;*/
}

/*
    1/9/2015 TQ - Added
*/
.largetextboxes
{
    color: gray;    
}

.outsidehoney tr td
{
    padding: 2px;
    background-color: #F7F7F7;
}

.outsidehoney tr td.label 
{
    text-align: right;
    font-weight: 600;
}

.outsidehoney select, .outsidehoney textarea, .outsidehoney input[type="text"] 
{
    border: 1px solid #CCCCCC;
    border-radius: 3px; /* all way around */
    box-shadow: 0 1px 0 #FFFFFF;
    padding: 3px; /* all way around */
    margin: 0;
}

.outsidehoney select 
{
    padding: 3px;
    height: 25px;
}

/* 12/29/2015 TQ - Added */
.honey.outline 
{
    border: 2px solid #98c6ea;
    border-radius: 10px;
}