/*General Layout*/
body
{
	 font-family: 'Ubuntu', arial, verdana,serif;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	
  /*   font-family: segoe ui, Arial, sans-serif;
     font-size:13px; */
     background-image: url('../images/offWhite.png');
     background-repeat:repeat;
    background-color: #f5f5f5;
}
#MainContainer
{
    width: 1000px;
    min-height: 600px;
    margin-right: auto;
    margin-left: auto;
    background-color: #f5f5f5;
}
#Wrapper
{
    background-image: url('../PM_modulesimages/wrapper.jpg');
    background-repeat: repeat-y;
    background-position: left top;

}
#TopMenu
{
    background-color: #f5f5f5;
    width: 1000px;
    height: 65px;
}

#Logo
{
    width: 300px;
    height: 65px;
    position: relative;
    float: left;
}
#TopMenuTable
{
    width: 450px;
    height: 25px;
    position: relative;
    float: right;
    margin-top: 25px;
}
.topmenutable
{
   
    font-size: 0.8em;
    color: #333333;
    
}
.topmenutable  a
{
   color: #333333;
   text-decoration:none;
     
}
.topmenutable  a:hover 
{
    color: #003CFF;
    text-decoration:none;
    
}
.topmenutable a:active
{  color: #333333;
   text-decoration:none;
    
}
.topmenutable  a:visited
{   
   text-decoration:none;
}
#LeftContainer
{
    min-height: 575px;
    width: 210px;
    float: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ebebeb;
}

#Login
{
    padding: 10px;
    width: 190px;
    background-color: #003CFF;
}
.login
{
    
    font-size: 12px;
    color: #333333;
}
.login th
{
    
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.loginerror
{
    
    font-size: 12px;
    color: #333333;
    font-style: italic;
}
#News
{
    width: 210px;
}
.news
{
    padding: 10px;
    width: 190px;
    background-color: #FFFFFF;
    
    font-size: 12px;
    color: #333333;
}
#VerticalMenu
{
    width: 210px;
    min-height: 10px;
    background-color: #cccccc;
}

#VerticalMenuHeader
{
    
    font-size: 18px;
    color: #ffffff;
    width: 190px;
    height: 20px;
    padding: 10px;
    background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_20_e69700_40x40.png) 50% 50% repeat;

  /*  background-color: #003CFF; */
    text-align: center;
}

#RightContainer
{
    min-height: 575px;
    width: 1000px;
    background-color: #ffffff;
    float: left;
    
}
/*#Header
{
    background-color: #808080;
    width: 873px;
    height: 160px;
}*/
#HorizontalMenu
{
    width: 1000px;
   /* height: 30px; */
    
    	background: #003CFF url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

}


#MainContentStyle
{
    padding: 0px;
    min-height: 355px;
    width: 1000px;
    background-color: #ffffff;
}



#Footer
{
    width: 1000px;
    height: 28px;
    background-color: #f5f5f5;
    clear: both;
    padding-top: 7px;
   
}
.footertable
{
    
    font-size: 11px;
    color: #333333;
}
.footertable a
{
    
    font-size: 11px;
    color: #333333;
    text-decoration: underline;
}
.footertable a:hover
{
    text-decoration: underline;
    color:#003CFF;
}
.footertable a:active
{
}
.footertable a:link
{
}
.clear:after
{
    content:".";
    display:block;
    height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}
.clear{
	min-height:1px;
}


h1
{
    border-style: solid none solid none;
    font-size: 20px;
    font-weight: bold;
    color: #003CFF;
    border-bottom-width: 2px;
    border-bottom-color: #000000;
    text-align: left;
    width: 100%;
    border-top-width: 2px;
    border-top-color: #000000;
    padding-top: 8px;
    padding-bottom: 8px;
}
h2
{ 
    font-size: 16px;
    font-weight: bold;
    color: #003CFF;
}
h3
{ 
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}
h4
{
    
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}



.table2
{
    
    font-size: 13px;
    color: #333333;
}

.table2 th
{ font-weight: bolder;
    text-align: right;
}
.table2 td
{text-align: left;
}

.table2 a
{
    color: #000099;
    text-decoration: none;
    
    
}
.table2 a:visited
{ color: #000099;
  text-decoration:none;
   
}
.table2 a:hover
{ color: #003CFF;
    text-decoration: underline;
    
    
}
.table2 a:active
{ color: #000099;
    text-decoration:none;
  
  
}



.informationtab
{ 
    font-size: 13px;
    color: #666666;
}

/* GM: Making changes based on BOS Feedback */
.button
{
    padding: 2px;
    border: 1px solid #FF3300;
    color: #ffffff;
    font-size: 15px;
    background-color: #003CFF;
    font-weight: bold;
    min-height:17px;
    min-width:40px;
}

.checkAllButton
{
    margin: 3px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 16px;
    padding: 2px;
    border: 1px solid #000000;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
ONLINE HELP AND ERROR DISPLAYS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.error
{
	padding: 0px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	 
	color: #FF0000; /*  font-style: italic; */
	font-size: 12px;
	font-weight: bold;
	width: 90%;
}

.help 
{
	color: #3366FF;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	 
	text-decoration: none;
}
.help a
{
    color: #3366ff;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
    
    

}
.help a:visited
{  color: #3366ff;   
  
    
}
.help a:hover
{ color: #003CFF;    
   
    
}
.help a:active
{ color: #3366ff;
   
}


.confirmation
{
	padding: 4px;
	margin: 4px;
	border-style: solid;
	border-width: 2px;
	color: #008000;
	font-weight: bold;
	font-size: 13px;
	 
	width: 90%;
	background-color: #FFFFFF;
	text-align: center;
}
.displayNone
{
	visibility:hidden;
	display: none;
}
.clearBoth
{
	clear: both;
}
/*Procurement Styles*/


.procurementtable
{
    
    font-size: 13px;
    text-align: left;
    vertical-align: top;
}
.procurementtable th
{
    border: 1px solid #999999;
    
    font-size: 13px;
    font-weight: bold;
    vertical-align: top;
}
.procurementtable td
{  border: 1px solid #999999;
    
    font-size: 13px;
}

.shipbillcontainer
{width:100%;
 min-height:200;
}
.shipbilltable
{ 
    font-size: 13px;
    text-align: left;
    vertical-align: top;
}
.shipbilltable th
{
    
    font-size: 13px;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}
.shipbilltable td
{ 
    font-size: 13px;
    text-align: left;
    vertical-align: top;
}

.companyinfo
{padding: 5px;
    position: relative;
    float: left;
    margin-right: 50px;
    min-height:150;
}

.infobox
{ padding: 5px;
    border: 1px solid #333333;
    position: relative;
    float: left;
    margin-right: 15px;
    min-height:150;
  
}
#datatable
{
  
    padding: 5px;
    border: 1px solid #333333;
    clear: both;
    position: relative;
   
}

/* Styles added related to code in issue management, can be used else where as needed -KH 8/8/11 */
.watermark
{
	color: #999999;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~  issue details - Row coloring
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.ticketStatusNew
{
	background-color: #FFFF99; /* Yellow */
}
.ticketStatusInProgress
{
	background-color: #99CCFF; /* Blue */
}
.ticketStatusInTesting
{
	background-color: #CC99FF; /* Purple */
}
.ticketStatusInMigration
{
	background-color: #FFCC99; /* Orange */
}
.ticketStatusCompleted
{
	background-color: #99FF99; /* Green */
}
.ticketStatusRejected
{
	background-color: #FF9999; /* Red */
}
.ticketStatusDuplicate
{
	background-color: #CCCCCC; /* Grey */
}

.ticketPriorityL
{
	background-color: #EFEFEF; /* Off White */
}
.ticketPriorityN
{
	background-color: #FFBBBB; /* Off Off Red */
}
.ticketPriorityH
{
	background-color: #FF8888; /* Off Red */
}
.ticketPriorityE
{
	background-color: #FF4444; /* Red */
}

/*
**************************************************************************************************
**************************************************************************************************
The following section is all the styles that LW and KH created in the last year for different
areas of admin that the above styles did not cover.
**************************************************************************************************
**************************************************************************************************
*/

/* ISI_CountBar and ISI_CountFill are the grey middle bar and the fill in black bar for the class grid */
/* ISI_CountBarFull and ISI_CountFillOver are the black middle bar and the fill in red bar for overenrolled */
div.ISI_CountBar
{
	width: 100%;
	border-bottom: 1px solid grey;
	height: 1px;
}
div.ISI_CountFill
{
	height: 3px;
	background-color: black;
}
div.ISI_CountBarFull
{
	width: 100%;
	border-bottom: 3px solid black;
	height: 1px;
}
div.ISI_CountFillOver
{
	height: 5px;
	background-color: red;
}

.transferredOut
{
	background-color: #ccf;
}
.transferredIn
{
	background-color: #ff9;
}
.transferredAdminFee
{
	background-color: #cf9;
}

.rosterOverenrolled
{
	background-color: #ff0;
}

.panelScrollBar_Box
{
	background-color: White;
	border: solid 1px black;
}

.panelFakePopup_Box
{
	background-color: White;
	border: 5px groove #CCCCCC;
	font-weight: bold;
	margin: 50px auto;
	padding: 10px;
}

.panelPadded_Box
{
	border: solid 1px black;
	padding: 5px;
}

.panelIndentPadded_Box
{
	border: solid 1px #003CFF;
	margin-left: 5px;
	padding: 10px;
}

.panelWaiver_Box
{
	background-color: #E5E5E5;
	height: 15em;
	overflow: auto;
	padding: 10px;
}

.reorderList_DragHandle_Box
{
	background-color: #003CFF;
	border: solid 1px black;
	cursor: pointer;
	height: 20px;
	margin: 5px;
	width: 20px;
}

.reorderList_Reorder_Outline
{
	border: dotted 2px black;
	height: 25px;
	width: 300px;
}

.reorderList ul
{
	list-style-type: none;
}

/* This one is used only if a coder did something wrong when using Utilities.SpanTagger()*/
.wrongMessageType
{
	padding: 10px;
	margin: 10px;
	display: block;
	background-color: #FFB6DA;
	border: solid 10px #9900FF;
	color: #FF00CC;
	font: bold 1.5em Arial, Helvetica, sans-serif;
}


/***************  ZEBRA GRIDVIEW INFO SETUP ************/
.zebraGV
{
	background-color: #EFEFEF; /* Off White */
	color:#000000;
}

.zebraHeaderGV
{
	/*background-color: #003CFF;*/
	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;
	color: #ffffff;
	text-align: left;
}
/*created this class to help with all the panels that hold gridviews  */
.panelWhiteBackGround
{
	background-color: White;
	color:#000000;
}

.modalBackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;
        }

/***************  Left Navigation Menu ************/

.LeftVerticalMenu
{
    background-color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    text-indent: 5px;
    
    width: 210px;
    color: #003CFF;
}

.LeftVerticalMenu a
{
    font-size: 15px;
    font-weight: bold;
    color: #003CFF;
    text-decoration: none;
    
}
.LeftVerticalMenu a:visited
{
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #003CFF;
    
}
.LeftVerticalMenu a:hover
{
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
    color: #003CFF;
    
}
.LeftVerticalMenu a:active
{
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #003CFF;
    
}

/* Datatable filters */
div.dataTables_length {
    float: left;
    background-color: #FFFFFF;
}
 
div.dataTables_filter {
    float: right;
    background-color: #FFFFFF;
}
 
div.dataTables_info {
    float: left;
    background-color: #FFFFFF;
}
 
div.dataTables_paginate
{
    float: right;
    background-color: #FFFFFF;
    margin-right: 3px;
    margin-left: 3px;
  
}
 
div.dataTables_length,
div.dataTables_filter,
div.dataTables_paginate,
div.dataTables_info {
    padding: 6px;
}


.paginate_button, .paginate_active
{
    border: 1px solid #000000;
    display: inline-block;
    background-color: #C0C0C0;
    padding: 2px 6px;
    margin-left: 4px;
    cursor: pointer;
    cursor: hand;
}
 

.paginate_active {
    background-color: transparent;
    
}
 
/*.paginate_button_disabled {
    color: #3d6672;
    visibility:hidden;
}
.paging_full_numbers a:active
{
    border: 1px solid #000000;
    outline: none;
}
.paging_full_numbers a:hover {
    text-decoration: none;
}
 
div.dataTables_paginate span>a {
    width: 15px;
    text-align: center;
}*/
 
div.dataTables_info {
    padding: 9px 6px 6px 6px;
}

table.table1 td.group {
    background-color: #d5eafd !important;
    border-bottom: 1px solid #94bafd;
    border-top: 1px solid #94bafd;
}
table.table1 td.expanded-group {
    background: url("../../CommonImages/minus.jpg") no-repeat scroll left center transparent;
}
table.table1 tr:hover td.expanded-group {
    background: url("../../CommonImages/minus.jpg") no-repeat scroll left center #c0e1ff !important;
}

table.table1 td.collapsed-group {
    background: url("../../CommonImages/plus.jpg") no-repeat scroll left center transparent;
}
table.table1 tr:hover td.collapsed-group {
    background: url("../../CommonImages/plus.jpg") no-repeat scroll left center #c0e1ff !important;
}

table.table1 thead th
{
    text-align: left;
    	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

 /*   background: #003CFF;*/
    color: #FFFFFF;
}


table.table1 tbody tr.odd td { 
    background: #eaeaea;
}

table.table1 thead th.sorting_asc {
   /*  background: #003CFF url('../PM_modulesimages/sort_asc.png') no-repeat right center; */
        	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

}
 
table.table1 thead th.sorting_desc {
   /*  background: #003CFF url('../PM_modulesimages/sort_desc.png') no-repeat right center; */
        	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

}
 
table.table1 thead th.sorting {
   /*  background: #003CFF url('../PM_modulesimages/sort_both.png') no-repeat right center; */
        	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

}

.table1
{
    color: #333333;
    clear:both;
}
.table1 th
{
    font-size: 0.9 em;
    color:#003CFF;
    text-align: left;
}
.table1 td
{
  font-size:0.9em;
    height:26px;
    padding:0px 0px 0px 20px !important;
    text-align:left;
   /* border-bottom:1px solid #d0d0d0; */
    vertical-align:middle;
    
}

.table1 a
{
    color: #000099;
    text-decoration: none;
    
    
}
.table1 a:visited
{ color: #000099;
  text-decoration:none;
   
}
.table1 a:hover
{ color: #003CFF;
    text-decoration: underline;
    
    
}
.table1 a:active
{ color: #000099;
    text-decoration:none;
  
  
}

.basicDivScroll
{
    overflow-y: hidden;
    height: 400px;
    overflow: auto ;
    background-color:#ffffff;
}

.NewsContainer
{
    padding: 4px;
    margin: 4px;
    border: 2px solid #003CFF;
}

/* Default form view */

#formQuestion
{
     padding: 4px;
    margin: 4px;
}

#formAnswer{}

.formQuestionHelp
{
	color: #3366FF;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	 
	text-decoration: none;
}

#formQuestionAlternating
{
     padding: 4px;
    margin: 4px;
}
#formAnswerAlternating
{
}