/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   html { height: 100%; } */ 
/* Style For HTML BODY                    body { margin: 0; background: #A2A5AB; margin: 5 0 5 0; } */
/* Setting Text Throughout the skin      table, tr, td, p {font-family: tahoma; font-size: 11px; line-height: 1.4em; margin: 0;}  */

.radio-inline-table td span, .radio-inline-table td label {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
	padding-left:3px;
	padding-right:10px;
	margin-top:-3px;
	}
.radio-inline-table input[type="radio"], .radio-inline-table input[type="checkbox"] {
    margin-top: 9px !important;
	}
/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

/*-- outermost table of skin -Standard      --*/ .OuterTable { width: 85%; height: 100%; background: url(Images/page_bg_l.gif) repeat-y top left #FFF; align: center; }
/*-- outermost table of skin -Admin         --*/ .OuterTableAdmin { width: 85%; height: 100%; background: url(Images/page_bg_l.gif) repeat-y top left #FFF; align: center; }
/*-- cell containing login and register     --*/ .LoginTD { height:126px; text-align:right; vertical-align: top; color: #404852; padding: 39px 30px 0 0; }
/*-- cell containing search                 --*/ .SearchTD { height:45px; text-align:right; vertical-align: top; padding: 0 33px 0 0;}
/*-- cell containing menu                   --*/ .MenuTD { width: 198px; vertical-align: top; padding: 0; }
/*-- cell containing panes                  --*/ .PanesTD { width:100%; vertical-align: top; padding: 0 11px 0 6px; }
/*-- DIV containing panes                   --*/ .PanesDIV { padding: 10px 5px 0 5px; }
/*-- cell containing menu pane              --*/ .MenuPaneTD {  background: url(Images/menu_bottom.gif) no-repeat top left; width:100%; vertical-align: top; padding: 14px 0 0 0; }
/*-- top inner section                      --*/ .InnerTD { background: url(Images/inner_bg.gif) repeat-x top left; height: 65px; width:98%; padding: 0; }
/*-- topleft inner section                  --*/ .InnerLeft { background: url(Images/inner_bg_l.jpg) no-repeat top left; height: 65px; width:100%; padding: 0; vertical-align:top; }
/*-- topright inner section                 --*/ .InnerRight { background: url(Images/inner_bg_r.jpg) no-repeat top right; height: 65px; width:100%; padding: 0; }
/*-- bottom footer section                  --*/ .BottomRow { background: url(Images/footer_bg.gif) repeat-x top center #B5B5B5; height: 80px; padding: 0;}
/*-- bottomleft footer section              --*/ .BottomRowLeft { background: url(Images/footer_bg_l.gif) no-repeat top left; height: 80px; padding: 0;}
/*-- bottomright footer section             --*/ .BottomRowRight { background: url(Images/footer_bg_r.gif) no-repeat top right; height: 80px; text-align: right; vertical-align: top; padding: 23px 40px 0 25px; }
/*-- middle content section                 --*/ .MiddleRow { background: url(Images/page_bg_r.gif) repeat-y top right; padding: 0 8px 0 0px; }
/*-- cell containing breadcrumbs            --*/ .BreadCrumbsTD { text-align:left; vertical-align: middle; color: #FFF; padding: 0 14px 0 14px; height:26px;}
/*-- cell containing date                   --*/ .DateTD { text-align:left; vertical-align: middle; color: #FFF; padding: 0 14px 0 14px; height:39px;}
/*-- cell containing logo                   --*/ .LogoTD { text-align:center; vertical-align: middle; padding: 29px 0 0 0; height:191px; width: 204px;}

/*  Blue Skins   */
/*-- top header section                     --*/ .TopRow { background: url(Images/header_bg.jpg) repeat-x top left; height: 201px; padding: 0; }
/*-- topleft header section                 --*/ .TopRowLeft { background: url(Images/header_bg_l.jpg) no-repeat top left; height: 201px; width:100%; padding: 0; }
/*-- topright header section                --*/ .TopRowRight { background: url(Images/header_bg_r.jpg) no-repeat top right; height: 201px; width:100%; padding: 0; margin:0;}

/*  Green Skins   */
/*-- top header section                     --*/ .TopRowG { background: url(Images/headerg_bg.jpg) repeat-x top left; height: 201px; padding: 0; }
/*-- topleft header section                 --*/ .TopRowGLeft { background: url(Images/headerg_bg_l.jpg) no-repeat top left; height: 201px; width:100%; padding: 0; }
/*-- topright header section                --*/ .TopRowGRight { background: url(Images/headerg_bg_r.jpg) no-repeat top right; height: 201px; width:100%; padding: 0; margin:0;}


/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane             --*/ .PaneLeft { padding: 0 7px 0 7px; width: 1; }
/*-- content pane                  --*/ .PaneCenter { padding: 0 7px 0 7px; width: 100%;}
/*-- right content pane            --*/ .PaneRight { padding: 0 7px 0 7px; width: 1; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 15px 0 15px; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #404852; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #000; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object { color: #FFF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #DCDDDF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #FFFFFF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#FFF; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#FFF; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#DDD; font-weight:bold; text-decoration:none;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- small text on site                --*/ .small, .Small { font-family: tahoma; font-size: 9px; color: #555; }
/*-- small bold text on site           --*/ .SmallBold { font-family: tahoma; font-size: 9px; font-weight: bold; color: #555; }
/*-- large text on site                --*/ .large, .Large { font-family: tahoma; font-size: 13px; color: #555; }
/*-- large bold text on site           --*/ .LargeBold { font-family: tahoma; font-size: 13px; font-weight: bold; color: #555; }

/*-- subheadings - mostly in data entry--*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
											TD.SubHead {background-color: #DFDFDF; text-align: right; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px;}
/*-- headings - mostly in data entry   --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}
/*-- rows     - mostly in data entry    .Row   {font-family: Tahoma, Arial, Helvetica; font-size:  11px; font-weight:    normal; color: black;} --*/
											TD.Row {background-color: #EFEFEF; text-align: left; vertical-align:middle; padding:3 px; padding-right:6px; padding-left:6px;}
/*-- rows without align property       	.RowNoAlign {font-family: Tahoma, Arial, Helvetica; font-size:  11px; font-weight:    normal; color: black;} --*/
											TD.RowNoAlign {background-color: #EFEFEF; padding:3 px; padding-right:6px; padding-left:6px;}
/*-- title of a set of subheads and rows-*/.TitleHeader {border-top: white 1px solid; font-weight: bold; font-size: 11px; vertical-align:middle; color: white;	border-bottom: white 1px solid;	font-family: Verdana, Arial, Helvetica;}
											TD.TitleHeader {background-color:#486EAA; height: 12px; padding-left:10px}
/*========================================================*/
/*  6. Links                                              */
/*========================================================*/

/*-- default links visited and active   a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }--*/
/*-- default links hover                a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; }--*/
/*-- normal  links visited and active   a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }--*/
/*-- normal  links hover                a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;	text-decoration: none; }--*/
/*-- small   links visited and active   a.Small:link, a.Small:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 9px; text-decoration: none; }--*/
/*-- small   links hover                a.Small:hover { color: #444; font-family: tahoma; font-size: 9px;	text-decoration: none; } --*/
/*-- large   links visited and active   a.Large:link, a.Large:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 13px; text-decoration: none; }--*/
/*-- large   links hover                a.Large:hover { color: #444; font-family: tahoma; font-size: 13px;	text-decoration: none; } --*/ 
/*-- admin button-link style            a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #274371; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } --*/
/*-- admin button-link style hover      a.CommandButton:hover { color: #274371; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } --*/


/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

/*-- default form elements       select, input { font-family: tahoma; font-size: 11px; color: #333; } --*/

/*========================================================*/
/*  8. Main Menu				                          */
/*========================================================*/

/*-- box that holds the menu  --*/ .Menu_MenuContainer { width: 60px; padding: 0;}
/*-- bar that holds the menu  --*/ .Menu_MenuBar { cursor: pointer; cursor: hand; background: transparent; padding: 0; }
/*-- submenu container         .Menu_SubMenu { z-index: 1004;  cursor: pointer;  cursor: hand; margin: 0 0 0 1px; background-color: #00adef; padding: 20px 0px; border: 1px solid #00adef; -webkit-box-shadow: 5px 5px 10px 0px rgba(79,77,79,0.38);
-moz-box-shadow: 5px 5px 10px 0px rgba(79,77,79,0.38);
box-shadow: 5px 5px 10px 0px rgba(79,77,79,0.38); font-weight: normal; filter: none; left:58px !important; height:100% !important; position:fixed !important; top:50px !important; overflow-y: auto;}--*/


.Menu_SubMenu {
	position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 50px !important;
    left: 58px !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(250,250,250,.8);
    z-index: 1004;}

.Menu_SubMenu table {
	height:100%;
	background-color: #00adef;
}

/*-- submenu items idle       --*/ .Menu_MenuItem { font-family: 'Open Sans Regular', sans-serif; color: #fff; font-size: 12px; font-weight: 400; border: 0;   }
/*-- submenu items hover      --*/ .Menu_MenuIcon.Menu_MenuItemSel, .Menu_MenuItemSel { font-family: 'Open Sans Regular', sans-serif; font-size: 14px; cursor: pointer; cursor: hand; color: #FFFFFF; background-color:#272c33; border: 0;}
.Menu_Idle td{
	font-family: 'Open Sans Regular', sans-serif !important; 
	font-size: 11px !important;
	line-height: 18px !important;	
	font-weight: 400 !important; 
	padding: 10px 0px;
	background: url(img/menu_bg.png) repeat-y top left;
	white-space: normal !important;
	width:60px !important;
	text-align:center !important;
}
/*-- menuitems idle           --*/ .Menu_Idle { color: #a6b7bf; padding: 10px 0px; }
.Menu_Idle img, .Menu_Selected  img{
	*margin-left:-36px;
	padding-left:5px;
}

/*-- menuitems over           --*/ .Menu_Selected, .Menu_Selected td{ color: #fff; background-color:#00adef; white-space: normal !important; width:60px !important; text-align:center !important; font-size: 11px !important; line-height: 18px !important; font-weight: 400 !important; padding: 10px 0px;}
/*-- menuitems active         --*/ .Menu_Active, .Menu_BreadcrumbActive {color: #666; background:  url(nav_active.gif) no-repeat ; padding: 0; height: 38px; font-weight: bold;}
/*-- menuitems icons          --*/ .Menu_MenuIcon {background-color: #00adef; }
.Menu_MenuItem .Menu_MenuItem, .Menu_MenuItem .Menu_MenuIcon, .Menu_MenuItem .Menu_MenuIcon.Menu_MenuItemSel, .Menu_MenuItem .Menu_MenuItemSel {padding:7px 10px;}
/*-- not needed - main menu   --*/ .Menu_MenuArrow, .Menu_RootMenuArrow, .MenuSeperator,.Menu_MenuBreak  { display: none; }



/*========================================================*/
/*  9. Grids			                                  */
/*========================================================*/

/*-- global properties (table)     .Grid {  font-family: Tahoma, Arial, Helvetica; font-size: 10px; color:#555;	border: solid 1px #FFFFFF; width: 100%; margin: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;} --*/
.table.table-customer{ *color: #6c6f70; color: #333; font-family: 'Open Sans Regular', sans-serif; font-weight: 400;font-size: 14px; border:0;}
.table.table-customer > tbody > tr > td {vertical-align: middle;border-top: 1px solid #e9ecef;border-right:0; border-left:0; border-bottom:0;}
/*-- header row	                   .GridHeader{font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; text-align:center; color: navy; background-color: whitesmoke;} --*/
.table.table-customer > tbody > tr > th, .table.table-customer > tbody > tr.GridHeader, .GridHeader {background-color:#00adef; color:#fff; border-bottom: 2px solid rgba(47,86,220,0.1); font-family: 'Open Sans 600', sans-serif; font-weight: 600; font-size:14px;}
/*-- formatting for each item      .GridItem, .GridAltItem { font-family: Tahoma, Arial, Helvetica; font-size: 11px; color:#555; text-align:center;}
								       .GridItem {background-color: #ffffff; font-size: 11px;} --*/
/*-- formatting for even items     .GridAltItem {background-color: #F7F7F7; } --*/
/*-- applied to a highlighted row --*/ .GridSelectedItem {*font-family: Tahoma, Arial, Helvetica; *font-size: 11px; *font-weight: bold; color:#fff; *text-align:center; background-color: #00adef;}
/*-- applied to a footer row       .GridFooter {Height: 1px; background-color: Black;} --*/
/*-- applied to a pager row        .GridPager {font-family: Tahoma, Arial, Helvetica; font-size: 15px; font-weight: bold; color:white; text-align:left; background-color: silver;}
								       .GridPager a {font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration:underline; color: #003366;}
								       .GridPager a:hover {font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration:underline; color: #ff0000;} --*/
.table.table-customer tr.GridPager {
	margin-top:5px;
	margin-bottom:0;
	border-top: 1px solid #ddd;
	}
.GridPager a {
    color: #2a4cc4;
    background-color: #fff;
    border: 1px solid #e9ecef;
	}
.GridPager a:hover, .GridPager a:focus {
    background-color: #00adef;
    border-color: #2a4cc4;
}

/*========================================================*/
/*  10. TreeViews		                                  */
/*========================================================*/
.TreeView, .TreeViewOver, .TreeViewSelectedNode, .TreeViewLoading {font-family: Tahoma, sans-serif; font-size: 11px; padding-left: 2px; padding-right: 2px;}
.TreeViewLoading {color: red; font-weight: bold;}
.TreeView {color: #555555;}
.TreeViewSelectedNode {color:White; background-color:Gray; border: solid 1px #cccccc;}				
.TreeViewOver { font-family: tahoma; font-size: 11px; text-decoration:underline; padding-top:2px; padding-bottom:1px; padding-left: 3px; padding-right: 3px; cursor: default; }	

/*========================================================*/
/*  11. SolPartActions		                              */
/*========================================================*/
.ModuleTitle_SubMenu { z-index:100; background-color:#f5f5f5; padding:6px 0px; border: solid 1px #ccc; border-radius: 4px; box-shadow: 8px 8px 5px #999;}
.ModuleTitle_SubMenu .ModuleTitle_MenuIcon {padding:2px 0 2px 8px;}
.ModuleTitle_SubMenu .ModuleTitle_MenuItem {padding:2px 0 2px 8px; font-family: 'Open Sans Regular', sans-serif; font-size: 12px;}
.ModuleTitle_SubMenu .ModuleTitle_MenuArrow {padding:2px 0 2px 8px;}
.ModuleTitle_MenuIcon.ModuleTitle_MenuItemSel, .ModuleTitle_MenuItemSel, .ModuleTitle_MenuArrow.ModuleTitle_MenuItemSel {background-color:#fff; padding:2px 0 2px 8px; font-family: 'Open Sans Regular', sans-serif; font-size: 12px;}

			       
/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/