/***********************************************************************************************************
-----Filename: Controls.css

-----Purpose:  This file is to be used ONLY for styles used with controls/components that are to be reused 
               throughout the website/application
***********************************************************************************************************/

/*Buttons*****************************************************************************************************/
.ButtonSmall
{
    width: 66px;
    height: 36px;
    text-align: center;
    color: white;
    font-family: arial;
    font-size: 11px;
    font-weight:bolder;
    border:none;
    cursor:pointer;
    background: url(Images/Application/Button/Small-Button.png) no-repeat left top;
}
.ButtonSmall:hover
{
    background: url(Images/Application/Button/Small-Button.png) no-repeat left -35px;
}
.ButtonSmallDisabled
{
    width: 66px;
    height: 36px;
    text-align: center;
    color: white;
    font-family: arial;
    font-size: 11px;
    font-weight:bolder;
    border:none;
    cursor:pointer;
    background: url(Images/Application/Button/Small-Button.png) no-repeat left -70px;
}


.ButtonMedium
{
    width: 126px;
    height: 36px;
    text-align: center;
    color: white;
    font-family: arial;
    font-size: 11px;
    font-weight:bolder;
    border:none;
    cursor:pointer;
    background: url(Images/Application/Button/Medium-Button.png) no-repeat left top;
}
.ButtonMedium:hover
{
    background: url(Images/Application/Button/Medium-Button.png) no-repeat left -35px;
}
.ButtonMediumDisabled
{
    width: 126px;
    height: 36px;
    text-align: center;
    color: white;
    font-family: arial;
    font-size: 11px;
    font-weight:bolder;
    border:none;
    cursor:pointer;
    background: url(Images/Application/Button/Medium-Button.png) no-repeat left -70px;
}

.ButtonLarge
{
    width: 186px;
    height: 36px;
    text-align: center;
    color: white;
    font-family: arial;
    font-size: 11px;
    font-weight:bolder;
    border:none;
    cursor:pointer;
    background: url(Images/Application/Button/Large-Button.png) no-repeat left top;
}
.ButtonLarge:hover
{
    background: url(Images/Application/Button/Large-Button.png) no-repeat left -35px;
}
.ButtonLargeDisabled
{
    width: 186px;
    height: 36px;
    text-align: center;
    color: white;
    font-family: arial;
    font-size: 11px;
    font-weight:bolder;
    border:none;
    cursor:pointer;
    background: url(Images/Application/Button/Large-Button.png) no-repeat left -70px;
}


a
{
    font-family: 'Segoe UI';
}
/*************************************************************************************************************/

/*DynamicProgressControls*************************************************************************************/
/*MessageBox~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.MessageBoxTable
{
    border: 1px solid #A8A8A8;
    background-color: #ffffff;
    width: 260px;
}

.MessageBoxTable td 
{
   padding-left: 10px;
   padding-right: 10px;
}

.MessageBoxHeaderTD
{
   padding-left: 10px;
   padding-right: 10px;
}

.MessageBoxHeaderTD 
{
   font-family:Arial;
   font-size:14px;
   font-weight:bold;
   color:#000000;
   
   padding-top: 10px;
   padding-bottom: 12px;
}

.MessageBoxFooterTD 
{
   font-family:Arial;
   font-size:17px;
   font-weight:bold;
   color:#000000;
   text-align:center;
   padding-top: 15px;
   padding-bottom: 12px;
}

.MessageBoxContentLabel 
{
   font-family:Arial;
   font-size:13px;
   color:#000000;
   display:block;
   margin-left:5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Common~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ProgressBackground
{
    filter: alpha(opacity=70);
    opacity: 0.7;
    background-color: #DBDBDB;
    border: 1px solid #C0C0C0;
}
.ProgressMessage
{
    margin: 0px;
    margin-top: 14px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
    color:White;
}

.ProgressCoverDiv img
{
    margin-top: 25px;
}

.ProgressCoverDiv
{
    position: fixed;
    width: 141px;
    height: 131px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #A8A8A8;
    background-color: #ffffff;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*************************************************************************************************************/
/*MODALPOPUP**************************************************************************************************/
/* DropShadow */
#master_content .dropShadowPanel span
{
    color: white;
    text-decoration: underline;
}
#master_content .dropShadowPanel span:hover
{
    text-decoration: none;
}


.dropShadowPanel
{
    background-color: #5377A9;
    color: white;
    font-weight: bold;
}


/*Modal Popup*/
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}
/***********************************************************************************************************/

/*TreeMenu**************************************************************************************************/
.TreeMenu
{
    width: 200px;
    padding-left: 6px;
    text-align: left;
}

.TreeMenu-NodeStyle
{
    border-bottom: solid 1px #CCCCCC;
    white-space: nowrap;
    width: 200px;
    vertical-align: middle;
    font-size: 18px;
    color: #000000;
    font-family: Georgia;
}

.TreeMenu-SelectedNodeStyle, .TreeMenu-SelectedNodeStyle a, .TreeMenu-HoverNodeStyle a:hover
{
    text-decoration: underline;
    color: #00A0C6;
}

.TreeMenu-NodeStyle a
{
    display: block;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
}

.TreeMenu-NodeStyle span
{
    display: block;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
}
/**********************************************************************************************************/

/*CustomMenu**************************************************************************************************/
.CustomMenu
{
    height: 20px;
}

.CustomMenu-StaticMenuItemStyle, .CustomMenu-DynamicMenuItemStyle
{
    padding: 0px 5px 0 5px;
    margin: 0;
    height: 20px;
}

.CustomMenu-StaticMenuItemStyle a, .CustomMenu-DynamicMenuItemStyle a
{
    color: White;
    padding-top: 4px;
    font-family: Arial;
    font-size: 11px !important;
}

.CustomMenu-DynamicHoverStyle a:hover, .CustomMenu-StaticHoverStyle a:hover
{
    text-decoration: underline;
}

.CustomMenu-DynamicMenuStyle
{
}

.CustomMenu-StaticSelectedStyle
{
}
/*************************************************************************************************************/

/*FormGridView*********************************************************************************************/
.FormGridView
{
    vertical-align:top;   
    width:100%;
}

.FormGridView-FooterStyle
{
}

.FormGridView-HeaderStyle th,
.FormGridView-HeaderStyle th a
{
    font-size: 18px;
    color: #00A0C6;
    font-family: Georgia;
    letter-spacing: -.05em;
	font-weight:normal !important;
	text-align:left;
}

.FormGridView-RowStyle td, .FormGridView-AlternatingRowStyle td, .FormGridView-HoverRowStyle td, .FormGridView-SelectedRowStyle td
{
    height:38px;
    vertical-align:middle;    
    color: #000000;
    font-family:Arial;
    font-size:12px;
    text-align:left;
}

.FormGridView-HeaderStyle th, .FormGridView-RowStyle td, 
.FormGridView-AlternatingRowStyle td, .FormGridView-HoverRowStyle td,
.FormGridView-SelectedRowStyle td
{
    border-bottom:solid 1px #CCCCCC;
}

.FormGridView-SelectedRowStyle 
{
    background-color: #F8F8F8;
    color: #5D7B8A;
}

.FormGridView-HoverRowStyle
{
    background-color: #F8F8F8;
    color: #5D7B8A;
}

.FormGridView-PagerStyle, .FormGridView-PagerStyle a
{
    color:#9Cb1BC;
    font-family:Arial;
    font-size:13px;

}
/*Specific styles*/
.FormGridView-HeaderStyle .RightColumnHeaderCell
{
    text-align:right;
}
.FormGridView-RowStyle .RightColumnCell,
.FormGridView-HoverRowStyle .RightColumnCell,
.FormGridView-SelectedRowStyle .RightColumnCell,
.FormGridView-AlternatingRowStyle .RightColumnCell
{
    text-align:right;
}
/**********************************************************************************************************/

/*LoginControl*********************************************************************************************/
.PartnerLoginTextBox
{
    font-family: Arial;
    font-size: 13px;
    width:224px;
    height: 18px;
    padding-bottom: 2px;
    padding-top: 2px;
    border:solid 1px #cccccc;
    color: #000000;
}

.PartnerLoginSubtitle 
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    padding-bottom: 17px;
}
.PartnerLoginLabel 
{
    font-family: Arial;
    font-size: 13px;
    color: #000000;
    margin-top: 12px;
    display: block;
}
/**********************************************************************************************************/

/*AccountManagersPopup*************************************************************************************/
.AccountManagerPopupInnerTable span
{
    white-space:nowrap;
}
/**********************************************************************************************************/

/*Extra****************************************************************************************************/
.FormTextBox200,
.FormTextBox,
.FormTextBoxSmall
{
   border:solid 1px #CCCCCC ;
   font-family:Tahoma;
   font-size:13px;
   vertical-align:bottom;
   padding-top:5px;
   height:20px;
}


.FormTextBox200
{
    width:250px !important;
}

.FormTextBoxSmall
{
    width:145px;
}

.FormCheckBox
{
   font-family:Tahoma;
   font-size:13px;
   color:#5E7C8A;

}

.FormDropDown200
{
    width:253px !important;
    border:solid 1px #CCCCCC;
    padding-left:0;
    padding-right:0;
}

.FormDropDown
{
    border:solid 1px #cccccc;
}
/**********************************************************************************************************/