/*****************************************************/
/* New styles                                        */
/*****************************************************/
body {
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
}

table {
    border-spacing: 0;
}

.SnaptrackerTable, .SnaptrackerGrid 
{
    z-index: 1; 
    position: relative;
    COLOR: #000000;
}

.SnaptrackerTable td, .SnaptrackerGrid td 
{
    border: 2px solid #cccccc;
    padding: 0 12px;
}


.DefaultWidthHeight td 
{
    width: 50%; 
    height: 50px;
}
 
.SnaptrackerTable th, .SnaptrackerGrid th
{   
    height: 40px;
    border: 2px solid #cccccc;
    padding: 0 12px;
    text-align: left;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    font-weight: bold;
}

.SnaptrackerTable thead + tbody tr td,
.SnaptrackerTable tbody + tbody tr td
{
    border-top: 0;
}


.SnaptrackerTable tr th + th,
.SnaptrackerTable tr td + td {
    border-left: 0;
}    

.SnaptrackerTable thead, .SnaptrackerGrid thead
{
    background-color:#F2F2F2;
    text-align: left;
}

.SnaptrackerTable span, .SnaptrackerGrid span
{
    display: inline-block;
}

.NoBorder, .NoBorder td, .NoBorder th
{
    padding: 0 0;
    border: none; 
    width: 0%; 
}

.TableNoInnerBorder td
{
    border: none; 
}

.TableNoInnerBorder th
{
    border: none; 
}

.TableNoInnerBorder thead tr:first-child
{
    border-top: 2px solid #cccccc;
}

.TableNoInnerBorder tr
{
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
}

.TableNoInnerBorder tbody tr:last-child
{
    border-bottom: 2px solid #cccccc;
}

.TdBorderOnTop td
{
    border-top: 2px solid #cccccc;
}

.TableCell
{
    display: table-cell; 
    vertical-align: middle;
}
 
.ltRounded, .rtRounded, .lbRounded, .rbRounded
{
    background: url(../images/NewStyles/SnaptrackerRoundedCorners.png);
    position: absolute;
    width: 11px;
    height: 11px;
    top: 0px;
    left: 0px;
}
 
.rtRounded
{
    right: 0px;
    left: auto;
    background-position: -11px 0;
}
 
.lbRounded
{
    top: auto;
    bottom: 0px;
    background-position: 0 -11px;
}
 
.rbRounded
{
    top: auto;
    left: auto;
    right: 0px;
    bottom: 0px;
    background-position: -11px -11px;
}

.ltRounded.Grid
{
    left: -1px;
    top: -1px;
}
.rbRounded.Grid
{
    right: -1px;
    bottom: -1px;
}
 
.rtRounded.Grid
{
    right: -1px;
    top: -1px;
}
 
.lbRounded.Grid
{
    left: -1px;
    bottom: -1px;
}

.Buttons
{
    cursor:pointer;
}


table.menu 
{
    min-width:170px;
    max-width: 300px;
    width: 100%;
}

/*****************************************************/
/* End New styles                                    */
/*****************************************************/


.TableRoundedCorners_Main
{
    border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    background-color:White;
    
    
    width : 745px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: #cccccc 2px solid;
    z-index: 1; 
    left: 17px; 
    position: relative;
    border-spacing: 0;
    border-collapse: collapse;
}
.white_B2_L2_R2_T2_X
{
    border-radius: 15px 15px 15px 15px;
    -ms-border-radius: 15px 15px 15px 15px;
    BACKGROUND-COLOR: white;
    PADDING: 5px 0px 8px 0px;
    MARGIN: 0px 0px 0px 0px;
    BORDER-BOTTOM: #cccccc 2px solid;
    BORDER-LEFT: #cccccc 2px solid;
    BORDER-RIGHT: #cccccc 2px solid;
    BORDER-TOP: #cccccc 2px solid;
    POSITION: relative;
	z-index: 9;
	border-spacing: 0;
}
.TableRoundedCorners
{
    border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    background-color:White;
   
    PADDING: 0px 0px 0px 0px;
    MARGIN: 0px 0px 0px 0px;
    border: #cccccc 2px solid;
    Z-INDEX: 1; 
    LEFT: 17px; 
    position: relative;
    border-spacing: 0;
    border-collapse: collapse;
}

.TableRoundedCorners_Header
{
    /*(top-left, top-right, bottom-right, bottom-left)."*/
    border-radius: 15px 15px 15px 15px;
    -ms-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
    background-color:#F2F2F2;
    
    margin: 0px 0px 0px 0px;
    border: #cccccc 2px solid;
    z-index: 1; 
    left: 17px; 
    position: relative;
    border-spacing: 0;
}

.RoundedCorners_WithoutTopLeft_Header
{
    /*(top-left, top-right, bottom-right, bottom-left)."*/
    border-radius: 0px 15px 15px 15px;
    -ms-border-radius: 0px 15px 15px 15px;
    -moz-border-radius: 0px 15px 15px 15px;
    -webkit-border-radius: 0px 15px 15px 15px;
    -khtml-border-radius: 0px 15px 15px 15px;
    background-color:#F2F2F2;
    
    margin: 0px 0px 0px 0px;
    border: #cccccc 2px solid;
    z-index: 1; 
    border-spacing: 0;
}

.TableMain
{
    margin: 0px 0px 0px 0px;
    z-index: 1; 
    left: 17px; 
    position: relative;
    border: 2px solid #cccccc;
    width : 745px;
    border-spacing: 0;
}

.RoundedCorner
{
    border-radius: 15px 15px 15px 15px;
    -ms-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -khtml-border-radius: 15px 15px 15px 15px;
    
    z-index: 15000; 
    position: relative;
    PADDING: 0px 0px 0px 0px;
    MARGIN: 0px 0px 0px 0px;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
    border-spacing: 0; 
}

.RoundedCornerTop_Header
{
    border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -khtml-border-radius: 15px 15px 0 0;
    background-color:#F2F2F2;
    
    z-index: 1; 
    left: 17px; 
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
    width : 745px;
}

.RoundedCornerTop
{
    border-radius: 15px 15px 0px 0px;
    -ms-border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    -webkit-border-radius: 15px 15px 0px 0px;
    -khtml-border-radius: 15px 15px 0px 0px;
    background-color:#F2F2F2;
    
    margin: 0px 0px 0px 0px;
    z-index: 1500; 
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
    border-spacing: 0;
}

.RoundedCornerBottom
{
    border-radius: 0px 0px 15px 15px;
    -ms-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
    -khtml-border-radius: 0px 0px 15px 15px;
    background-color:white;
    
    margin: 0px 0px 0px 0px;
    z-index: 1500; 
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
    border-spacing: 0;
}

.RoundedCornerBottomMain
{
    border-radius: 0px 0px 15px 15px;
    -ms-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
    -khtml-border-radius: 0px 0px 15px 15px;
    background-color:#F2F2F2;
    
    margin: 0px 0px 0px 0px;
    z-index: 1500; 
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
    border-spacing: 0;
}

.RoundedCornerBottomAlt
{
    border-radius: 0px 0px 15px 15px;
    -ms-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
    -khtml-border-radius: 0px 0px 15px 15px;
    background-color:#F9F9F9;
    
    margin: 0px 0px 0px 0px;
    z-index: 1500; 
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
    border-spacing: 0;
}

.RoundedCornerTopPopupIe9
{
    border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -khtml-border-radius: 15px 15px 0 0;
    background-color:#F2F2F2;
    
    z-index: 1500;
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
}
.RoundedCornerBottomPopupIe9
{
    border-radius: 0px 0px 15px 15px;
    -ms-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
    -khtml-border-radius: 0px 0px 15px 15px;
    background-color:white;
    
    margin: 0px 0px 0px 0px;
    z-index: 1500; 
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
    border-spacing: 0;
}
.RoundedCornerTopPopupIe8
{
    border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -khtml-border-radius: 15px 15px 0 0;
    background-color:#F2F2F2;
    
    z-index: 1500;
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-top: #cccccc 2px solid;
}
.RoundedCornerBottomPopupIe8
{
    border-radius: 0px 0px 15px 15px;
    -ms-border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;
    -khtml-border-radius: 0px 0px 15px 15px;
    background-color:white;
    
    margin: 0px 0px 0px 0px;
    z-index: 1500; 
    position: relative;
    border-left: #cccccc 2px solid;
    border-right: #cccccc 2px solid;
    border-bottom: #cccccc 2px solid;
    border-spacing: 0;
}
.BorderBottom
{
    border-bottom: 2px solid #cccccc;
}
/*START Round corners with jquery START*/
/*START Table header bold join menu START*/
.border{
	background-color:#cccccc;
	left: 17px;
	position: relative; 
}
#RoundedCorners_Header{
	background-color: #F2F2F2;
	border: 0;
	zoom:1;
}
/*END Table header bold join menu  END*/
/*START Table Popup START*/
.borderPopup{
	background-color:#cccccc;
	left: 5px;
	top:10px;
	position: relative; 
}
tr.H20
{
    height: 20px;
    color: #000000;
    font-family:  helvetica, arial, verdana, sans-serif;;
    /*FONT-SIZE: 11px;*/
}
.borderGridPopup{
	background-color:#cccccc;
	position: relative; 
	left: 5px;
}
/*END Table Popup END*/
/*START SelectCustomer START*/
.borderSelectCustomer{
	background-color:#ebebeb;
	left: 10px;
	position: relative; 
	width: 320px;
}
#RoundedCorners_SelectCustomer{
	background-color: #ebebeb;
	border: 0;
	zoom:1;
}
/*END SelectCustomer END*/
/*START Table header bold join menu START*/
.borderGrid{
	background-color:#cccccc;
	position: relative; 
}
#ContentGrid{
	background-color: #F2F2F2;
	border: 0;
	zoom:1;
}
table.SnapTrackerDataGrid_JQ
{
	width: 745px;
	border: #cccccc 0px solid
}

/*END Table header bold join menu  END*/
/*START Table with header START*/
.borderHeader{
	background-color:#cccccc;
	left: 17px;
	top: 2px;
	position: relative; 
}
#HeaderBold{
	background-color: #F2F2F2;
	border: 0;
	zoom:1;
}
/*END Table with header- END*/

/*START Content of the table START*/
#TableContent
{
    background-color: #FFFFFF;
	border: 0;
	zoom:1;
}
/*END Content of the table END*/

tr.DataGridHeader_B1 td, tr.DataGridHeader_B1 td span
{
	BACKGROUND-COLOR: #F2F2F2; 
    BORDER-COLOR: #000000;
    COLOR: #000000;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    FONT-WEIGHT: bold;
    Border: #cccccc 1px solid
}

table.SnapTrackerDataGrid tr.DataGridItemBorder td
{ 
	BACKGROUND-COLOR: #FFFFFF;
    BORDER-COLOR: #000000;
    COLOR: #000000;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    font-weight: normal;
    BORDER-BOTTOM: #cccccc 2px solid
}

TR.AlternatingItemStyle_B1
{
    BORDER-COLOR: #000000;
    COLOR: #000000;
    BORDER-TOP: #cccccc 1px solid;
    BACKGROUND-COLOR: #FAFAFA;
    
}
tr.DataGridItem_B1
{ 
	BACKGROUND-COLOR: #FFFFFF;
    BORDER-COLOR: #000000;
    COLOR: #000000;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    font-weight: normal;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-LEFT-WIDTH:0px;
}

/*Grid with lines*/
table.SnapTrackerDataGrid_JQ tr.DataGridItemBorder td
{ 
	BACKGROUND-COLOR: #FFFFFF;
    BORDER-COLOR: #000000;
    COLOR: #000000;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    font-weight: normal;
    BORDER-TOP: #cccccc 2px solid;
}
table.SnapTrackerDataGrid_JQ tr.DataGridAltItemBorder td
{ 
	BACKGROUND-COLOR: #F6F6F6;
    BORDER-COLOR: #000000;
    COLOR: #000000;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    font-weight: normal;
    BORDER-TOP: #cccccc 2px solid;
}
table.SnapTrackerDataGrid_JQ
{
	width: 100%;
	border: #cccccc 0px solid
}
/*END Round corners with jquery END*/
tr.H30
{
    height: 30px;
    color: #000000;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
}
	
TD.TDRoundedCornersHeader
{
    HEIGHT: 40px;
    padding: 0px 10px 0px 0px;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    FONT-WEIGHT: bold;
}
	    
TD.TDRoundedCornersContent
{
    HEIGHT: 20px;
    padding: 0px 10px 0px 0px;
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
    BORDER-TOP: 2px solid;
    BORDER-COLOR: #cccccc;
}


/*** CALENDAR ***/
.ui-datepicker-trigger
{
	position:relative;
	left: 3px;
	top: 4px;
}	

.ui-datepicker-month, .ui-datepicker-year
{
    margin: 0;
    color: #2e6e9e;
    border: 1px solid #4297d7;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.ui-datepicker-month::-ms-expand, .ui-datepicker-year::-ms-expand
{
    display: none;
}    	

.ui-widget 
{
    font-family:  helvetica, arial, verdana, sans-serif;
    /*FONT-SIZE: 11px;*/
}