* 
{
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
}

select 
{ 
    min-width:150px
}	

body
{
    margin: 0px 8px 8px 2px;
    background-color:#FFF/*Replace1*/;
}

body,h2,h3,h4,h5,h6,td, div.pinknote, div.bluenote, div.note, .GridView
{
    font-family: Sans-Serif, Verdana, Tahoma, Arial;
    font-size: 10pt;   
    color: #000000;  
}

h1, h2, h3, h4, h5, h6, div.pinknote, div.bluenote, div.note, .GridView, div.rowheader
{
    margin:0;
    padding: 3px 4px 4px 4px;
    font-weight: normal;
    box-shadow: 5px 2px 4px #AEAEAE;
}

td 
{
    padding: 3px 4px 4px 4px;
}



.menubody
{ /* New in 2010, used on left-hand-frame menus and for employee list (while viewing timecards) */
    top: 0;
    left: 0;
    background-color: #f5f5f5;    
}

a, a:visited
{
    outline-width: medium;
    outline-style: none;
    outline-color:currentColor;
    color:#0030cc;
}

a:link
{
    text-decoration: none;
    text-align: left;
}

a:hover
{
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    text-decoration: underline;
    /*text-decoration:none;*/
    color: #585B54/*Replace17*/;
}

table.pagecontent /* pre 2010 */
{
    BORDER-RIGHT: #dadada 1px solid;
    BORDER-TOP: #dadada 1px solid;
    WIDTH: 98%;
}

.gridtable, .GridView /* new in 2010, for tables where gridlines are expected. You must cellspacing=0.*/
{
    
    border-left: #dadada 1px solid;
    border-top: #dadada 1px solid;   
    border-spacing: 0;
    padding: 0;
    width:100%;
}
.gridtable td, .GridView
{
    border-right: #dadada 1px solid;
    border-bottom: #dadada 1px solid;
    border-spacing: 0;    
    
}

table.invisible, .invisible>tr, .invisible>tr>td
/* new in 2010, for tables desired strictly for formatting. */
{
    border: none;
    padding: 0;
    margin: 0;       
}


.pagecontent tr /* pre 2010 - preferably deprecated, fundamentally broken */
{
    BORDER-BOTTOM: #dadada 1px solid;
    BORDER-LEFT: #dadada 1px solid;
    WIDTH: 98%;
}


/*td.pageheader, .pageheader td, td.pageheadersm, .pageheadersm td, td.note, .note td*/ #nothing
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
}

/* entries for pageheader (big and small)... pre-2010, fully supported going forward */
td.pageheader, div.pageheader, div.header, .pageheader td,td.pageheadersm, h1, h2, .pageheadersm td
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;    
    background-color:  #0030cc;   
}

@media screen,projection {
    td.pageheader, div.pageheader, div.header, .pageheader td,td.pageheadersm, h1, h2, .pageheadersm td
    {
        background: url('/pg/util/gradient.aspx?h=256&m=16&w=750&p=.3&q=.5&start=0030cc&end=ffffff') repeat;
    }
}


/*Background header for the jQuery Controls*/
.ui-widget-header 
{ 
    border: 1px solid #dadada; 
    background:  #0030cc url('/pg/util/gradient.aspx?h=100&w=500&start=0030cc&end=ffffff'); 
    color: #ffffff; 
    font-weight: bold; 
    max-height:29px;
}

/* entries specifically for large pageheader */
td.pageheader, .pageheader td, h1
{
    FONT-SIZE: 11pt;
    padding: 12px 12px 12px 12px;
    margin-bottom:10px;
    /*box-shadow: 5px 5px 2px 2px #888;*/
}

.ui-datepicker
{
    font-size:8pt;   
}

div.pageheadersm, div.rowheader, div.menuitem, h2, h3, div.rowheader
{
    padding: 3px 5px 4px 5px;
    font-weight: bold;
    margin-bottom:6px;
    /*box-shadow: 5px 5px 2px 2px #888;*/
}

.menuitem a
{
    font-weight: bold;
}

td.rowheaderlg, .rowheaderlg td
{
    BORDER-LEFT: #dadada 1pt solid;
    BORDER-BOTTOM: #dadada 1pt solid;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
    BACKGROUND-COLOR: #c4cce0;

}
td.rowheader, .rowheader td, th.rowheader, .rowheader th, .GridViewHeader, .GridViewPager
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    
}

td.rowheader, .rowheader td, th.rowheader, .rowheader th, h3, .GridViewHeader, div.rowheader, #menu
{
    FONT-WEIGHT: bold;
    COLOR: #000000;    
    BACKGROUND-COLOR: #dcdcdc; 
}

@media screen,projection {
    td.rowheader, .rowheader td, th.rowheader, .rowheader th, h3, .GridViewHeader, div.rowheader, #menu
    {
        background: url('/pg/util/gradient.aspx?h=128&w=15&start=dcdcdc&end=808080') repeat;
    }
}

td.columndata, .columndata td, .gridtable tr, .invisible tr
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    COLOR: #000000;
    background-color: #ffffff;
}

td.odd, tr.odd, .GridViewAlternating
{
    COLOR: #000000;
    BACKGROUND-COLOR: #efefef;    
    
}


td.columndataalt, .columndataalt td
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    COLOR: #000000;
    BACKGROUND-COLOR: #efefef;
}

td.noborder, .noborder td
{
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    background-color: #ffffff;
}
td.noborderalt, .noborderalt td, .noborder td.odd
{
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #efefef;
    
}

td.note, .note td, h4, div.note
{    
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffe0;
}

.note a, .note a:visited, h4 a, h4 a:visited, div.note a, div.note a:visited
{
    color: #0030cc   
}

td.bluenote, .bluenote td, div.bluenote, .GridViewFooter
{
    COLOR: #000000;
    BACKGROUND-COLOR: #c4cce0;    
}

.bluenote a, .bluenote a:visited, .GridViewFooter
{
    color: #0066cc   
}


td.pinknote, .pinknote td, div.pinknote, input.pinknote
{
    COLOR: #000000;
    BACKGROUND-COLOR: #ffc0cb;    
}

.pinknote a, .pinknote a:visited
{
    color: #0066cc   
}


.error, .GridError
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    FONT-WEIGHT: bold;
    COLOR: #ff0000;
}
.success, GridSuccess
{
    BORDER-LEFT: #dadada 1px solid;
    BORDER-BOTTOM: #dadada 1px solid;
    FONT-WEIGHT: bold;
    COLOR: #008000;
}
.coreinfo
{
    color: #646464;
    font-size: smaller;
}
.blue, .blue:visited
{
    color: #000080;    
}

.green, .green:visited
{
    color: #008000;    
}

.greenhighlight
{
    color: #008000;    
    font-weight: bold;
    text-decoration: underline;
    
}


.red, .red:visited
{
    color: #800000;
}

.red2, .red2:visited
{
    color: #ff0000;
}


.black, .black:visited
{
    color: #000000;
}

td.login, login .td, div.login
{
    color: #000000;
    background-color: #ffffff;
}

/* Used for absolutely overriding borders when you need a table to lay something out inside another table */
.killborders, table.killborders, .killborders td, .killborders tr
{
    border: none 0px !important;
    border-left: none 0px !important;
    
}

/* Used for quantities that are meant to align on the decimal point. */
.quant 
{
    text-align: right;
    
    
}


@media print {
    /* Used for items that should not appear on printed reports */
    .screenonly
    {
        display: none;
    }
}

.radiobuttonlist
{    
    list-style-type: none; 
    margin: 0; 
    padding: 0;
}

.GridViewHeader
{
    text-align: left;
}

.title1{
    font-weight:bold;
    font-size:medium;
    margin:5px 0 0 0;
    padding:5px 0 0 0;
    width:100%;
  /*  text-shadow: 1px 1px 1px #777;*/
}
.title2{
    font-weight:bold;
    margin:5px 0 15px 0;
    padding:5px 0 15px 0;
    /*text-shadow: 1px 1px 1px #777;*/
}


ul.icons li
{

    margin-top: 0px;
    margin-right: 0pt;
    margin-bottom: 0px;
    margin-left: 0px;
    border-bottom-width: 1px;
    padding-top: 5px;
    padding-right: 0pt;
    padding-bottom: 3px;
    padding-left: 0px;
    width:100%;

}

ul.icons li:hover 
{
   /* color: #008000;     
}

ul.icons li:hover a{
    width:100%;
    color: #008000; 
}
ul.icons li:hover a:hover{
    /*text-decoration:none;*/
}

ul.icons li.noHighlight:hover 
{
     background-color:transparent;
     color:inherit;
}


ul 
{

    list-style-type: none;
    list-style-image: none;
    list-style-position:outside;
    padding-left: 10px;
       
}

ul.icons li.listTitle 
{
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    font-size: 110%;
    color: #EB790B;
    font-weight: bold;
    border-bottom-style:none;

}

.hiddenonedit 
{
    display: none;   
}

.watermarked
{
	background-color:#FFF;
	color:gray;
}

/**** Change buttons  ****/
input[type='submit'], input[type='button']{
    border: 1px solid #605F5F; 
    background: #efefef url(Content/themes/base/images/ui-bg_glass_85_efefef_1x400.png) 50% 50% repeat-x;    
    font-weight: bold; 
    color:#605F5F;   

    /* Corner radius */
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px;

    display: inline-block; 
    position: relative; 
    padding: 0; 
    margin-right: .1em; 
    text-decoration: none !important; 
    cursor: pointer; 
    text-align: center; 
    zoom: 1; 
    overflow: visible;

    padding:1px 2px 1px 2px; 
    margin:1px;
}

input[type='submit']:hover, input[type='button']:hover{
    border-width:1px;
    border-style:solid;
    border-color:#0030cc;
    color:#0030cc;
    
    background-repeat: repeat-x;
    background-position: 50% 50%;
    
}

/**** Left Menu Items ****/
#allMenu{
    float:left;
    width:210px;
    margin: 0px 0px 0px 8px;
    display:block;
}

#toggleButton, #toggleButton:hover, #toggleButton:visited, .toggleButton,.toggleButton:hover, .toggleButton:visited{
    text-decoration:none;
    color:White;
}

#menuWord{
    padding-top:100px;
}

#menuDiv{
    background-color:#FFFFFF; 
    width:220px;
}

.divLoginTable
{
    margin-top:50px;
    margin-left:auto; 
    margin-right:auto;
}

.mobile
{
    width:300px;
}
        
.desktop
{
    width:400px;
}

.loginTable
{
    border-width: 2px;
    border-color:#605F5F; 
    border-style:solid;
            
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
            
    box-shadow: 10px 10px 4px #AEAEAE;
}

.loginTable a, .loginTable a:visited, .loginTable .palo
{
    color:#605F5F;
}

.loginLinksPanel
{
    text-align:right;
    margin:6px 15px 0 0; 
    padding:0 0 5px 0; 
    font-size:10pt;
}
.loginLinksRow
{
    padding-bottom:130px; 
    border:1px solid #605F5F;
}


/*** End Left Menu Items ***/

input[type='radio'], input[type='checkbox']
{
    margin-left:5px;
    margin-right:5px;
}

.padTopSmall {
    padding-top: 4px;
}

.padTopMedium {
    padding-top: 8px;
}

.padBottomSmall {
    padding-bottom: 4px;
}

.padBottomMedium {
    padding-bottom: 8px;
}

.toggleList li{
    margin-left: 2em;
}

/*** Page Map ***/

.pageMap {
    float: right; 
    position: relative; 
    top: -7px;
}

.pageMapWithInstructions {
    float: right; 
    position: relative; 
    top: 2px;
    right: 2px;
}

.pageMapSmall {
    float: right; 
    position: relative; 
    top: -3px;
}

.pageMapLink {
    color: transparent;
    outline-width: 0;
    outline-style: none;
    outline-color: transparent;
}

.pageMapSmallImage {
    height: 24px; 
}

/*** End Page Map ***/

/*** Instructions Header ***/
.instructionsrounddiv {
	border: 1px solid #4d4d4d;
	padding: 5px 10px;
	border-radius: 15px;
	margin-top: 5px;
	background: url('/pg/util/gradient.aspx?h=256&m=16&w=750&p=.3&q=.5&start=dcdcdc&end=808080') repeat;
}

.contentdiv {
	background-color: #FFFFE0;
	border: 1px solid;
	border-radius: 10px;
	padding: 0px 0px 5px 20px;
}
/*** End Instructions Header ***/

/*** Tabbed Controls ***/
.ui-tab-link {
    font-size: 8pt; 
    font-weight: bold;
}
/*** End Tabbed Controls ***/

tr.warningForPunchTypeProblem {
    border: none;
}

tr.warningForPunchTypeProblem td {
    border: none;
    color: #fff;
    background-color: #DD2C00;
}