/* CSS for transactional form pages
====================================================*/

body
{
   color: #111;
   font-size: 12px;
}

input, select, textarea
{
   font-size: 12px;
}

/* This is used for the modernized FormSectionPanel control
====================================================*/

.inner-cols-1 {
    float: right;
    margin-left: 18px;
}

.inner-cols-1 ~ .inner-cols-2 {
    overflow: hidden;
}

.loginPanelWrapper {
	width: auto !important;
}

div.form-section-panel-container
{
	max-width: 500px;
	padding: 14px 10px 14px 10px;	
    background-color: #FDFCEA;
    border: 1px solid #6D8293;
    display:block;
    clear:both;
    overflow:hidden;
    border-radius: 11px; 
 	-moz-border-radius: 11px; 
	-webkit-border-radius: 11px; 
}

.AppdirectLogin div.form-section-panel-container {
	overflow:visible;
}




/* This is used for the FormSectionPanel control
====================================================*/
table.formSectionPanel
{
   empty-cells: show;
   width:100%;
}

td.formSectionPanelCorner
{
   background-color: White;
}

.round-corners
{
    background-color: #EFF7FB;
    border: 1px solid #A5A5A5;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 18px;
    padding: 10px;
    width: 458px !important;
}

/* Miscellaneous classes
====================================================*/
.formSectionLabel
{
   text-align: right;
   padding-right: 2px;
}

.formSectionField
{
   text-align: left;
}

div.formHintText
{
   font-size: 10px;
   margin: 10px 4px 4px 10px;
}

.formHintText
{
   /* Use for field names or text inside form sections that isn't a field label */
   font-size: 10px;
}

.formErrorMessage
{
	font-weight: bold;
	color: Red;
}

div.formErrorMessage
{
	font-weight: bold;
	color: Red;
   margin: 10px 0px 4px 0px;
}

div.formErrorPanel
{
    margin-top: 5px;
    margin-bottom: 5px;
	padding: 5px;
    background-color: #F0DEDC;
    border: solid 1px Maroon;
    font-size: 12px;
	font-weight: bold;
	color: Maroon;
	vertical-align: top;
}
/* New Live Chat Widget
====================================================*/

.pageRightSidebar .widget-chat-body, .inner-cols-1 .widget-chat-body { position:relative; width:181px; }
.pageRightSidebar .widget-chat-text-bubble, .inner-cols-1 .widget-chat-text-bubble
{
    color: #666666;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 37px;
    width: 119px;
}
.pageRightSidebar .widget-chat .widget-chat-btn,  .inner-cols-1 .widget-chat .widget-chat-btn 
{
    bottom: 38px;
    width: 160px;
    position: absolute;
    text-align: center;
}
    .pageRightSidebar .widget-chat .uibtn.arrow:after,  .inner-cols-1 .widget-chat .uibtn.arrow:after
    {
        background: url('/_resources/img/css/uibtn-sm-arrow-white.png') no-repeat scroll 0 12px transparent;
        content: "";
        margin: 7px 0 0 9px;
        padding: 7px;
    }
.pageRightSidebar .widget-chat-phone-text,  .inner-cols-1 .widget-chat-phone-text 
{
    bottom:21px;
    color: #9C9C9C;
    width:158px;
	text-align:center;
    position: absolute;
    text-transform: uppercase;
	font-size:11px;
}
.pageRightSidebar .widget-chat-number,  .inner-cols-1 .widget-chat-number 
{
    bottom: 3px;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    width:158px;
	text-align:center;
    position: absolute;
}