/*
6px 	0.375em 	37.5%
7px 	0.438em 	43.8%
8px 	0.5em 		50%
9px		0.563em 	56.3%
10px 	0.625em 	62.5%
11px 	0.688em 	68.8%
12px 	0.75em 		75%
13px 	0.813em 	81.3%
14px 	0.875em 	87.5%
15px 	0.938em 	93.8%
16px 	1em 		100%
17px 	1.063em 	106.3%
18px 	1.125em 	112.5%
19px 	1.188em 	118.8%
20px 	1.25em 		125%
21px 	1.313em 	131.3%
22px 	1.375em 	137.5%
23px 	1.438em 	143.8%
24px 	1.5em 		150%
25px	1.563em		156.3%
26px	1.625em		162.5%
27px	1.688em		168.8%
28px	1.75em		175%
29px	1.813em		181.3%
30px	1.875em		187.5%
*/

body
{
    font-size: 100%;
    color: #1d1d1b;
    margin: 0;
    padding: 0;
    font-family: 'PT Sans Narrow' , sans-serif;
    background: #fff;
} 
body, input, select, textarea
{
    font-family: arial,helvetica,verdana,sans-serif;
}
form
{
    margin: 0;
    padding: 0;
}
object, embed
{
    margin: 0;
    padding: 0;
}
img
{
    border: 0;
}

/* html5 element definitions for old browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

/* page container */
.pageContainer
{
    position: relative;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    background: transparent;
}

/* page header */
.pageHeader
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 85px;
    background: #fff;
}
.pageHeader .infocashLogo
{
    position: absolute;
    left: 25px;
    top: 21px;
}

/* user block */
.userBlock
{
    overflow: hidden;
    position: absolute;
    right: 24px;
    top: 32px;
    text-align: right;
}
.userBlock .loggedIn
{
    font-size: 76%;
    font-weight: normal;
    color: #1d1d1b;
    line-height: 0.9em;
}
.userBlock .updated
{
    font-size: 76%;
    font-weight: normal;
    color: #1d1d1b;
}
.userBlock .profile
{
    font-size: 76%;
    font-weight: bold;
    color: #1d1d1b;
    padding: 0 0 0 28px;
}
.userBlock .profile a
{
    color: #f79239;
    text-decoration: none;
}
.userBlock .profile a:hover
{
    color: #a0a2a1;
}

/* nav bar */
.navBar
{
    position: relative;
    overflow: hidden;
    width: 942px;
    height: 24px;
    padding: 8px 0 0 18px;
    font-size: 12px;
    font-weight: bold;
    color: #f57f29;
    background: #1d1d1b;
    border-bottom: 1px solid #1d1d1b;
}
.navBar a
{
    position: relative;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    margin: 0 7px 0 7px;
}
.navBar a.active
{
    text-decoration: underline;
}
.navBar a:hover
{
    text-decoration: underline;
}

/* nav bar: run reports button */
.navBar .runReports
{
    position: absolute;
    right: 25px;
    top: 6px;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    text-align: center;
    font-size: 12px;
    transition: all 0.5s ease; 
    background: #f57f29;
}
    
.navBar .runReports span
{
    font-size: 100%;
    display: inline-block; 
}
.navBar .runReports:hover
{
    background: #f57f29;
    color: #000;
    border: 1px solid #333;
    font-weight: bold;
}


/* subnav bar */
.subNavBar
{
    position: relative;
    overflow: hidden;
    width: 935px;
    height: 27px;
    margin: 0 0 13px 0;
    padding: 12px 0 0 25px;
    font-size: 76%;
    font-weight: bold;
    color: #fff;
    background: #1d1d1b;
    border-top: 1px solid #1d1d1b;
} 
.subNavBar a
{
    position: relative;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin: 0 1px 0 1px;
}
.subNavBar a.active
{
    text-decoration: underline;
}
.subNavBar a:hover
{
    text-decoration: underline;
}
.subNavBar select
{
    font-size: 100%;
    color: #000;
    margin: -2px 0 0 3px;
    vertical-align: top;
}

/* subnav bar: search */
.subNavSearch
{
    overflow: hidden;
    position: absolute;
    width: 276px;
    right: 25px;
    top: 8px;
}
.subNavSearch input
{
    overflow: hidden;
    position: relative;
    float: left;
    width: 195px;
    font-size: 100%;
    color: #808080;
    margin: 0;
    padding: 3px 4px 2px 4px;
    border: 1px solid #b7bbbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    background-color: #EEEEEE;
}

.subNavSearch a
{
    position: absolute;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
    font-size: 12px;
    transition: all 0.5s ease;
    background: #f57f29;
    font-weight: bold;
}
.subNavSearch a span
{
    font-size: 100%;
    display: inline-block;
}
.subNavSearch a:hover
{
    background: #f57f29;
    color: #000;
    border: 1px solid #333;
    font-weight: bold;
    text-decoration: none;
}

/* content container */
.contentContainer
{
    position: relative;
    overflow: hidden;
    width: 101%;/*951px;*/
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    top: 0px;
    left: -11px;
}

/* content column */ /*Summary Availability*/
.contentColumn
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 726px;
}
.contentColumn h1
{
    font-size: 82%;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 7px 0 9px 14px; 
    background: #1d1d1b;
} 
                   
/* tab bar */
.tabBar
{
    position: relative;
    overflow: hidden;
    width: 726px;
    height: 32px;
}
.tabBar a
{
    float: left;
    height: 24px;
    font-size: 76%;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 8px 15px 0 15px;
    color: #000;
    background: #fff;
} 
.tabBar a.active
{
    background: #1d1d1b;
    color: #f79239;
} 

/* filter bar */
.filterBar
{
    position: relative;
    overflow: hidden;
    width: 942px;
    height: 31px;
    font-size: 76%;
    margin: 0;
    padding: 9px 15px 0 15px;
    background: #ddd;
}
.contentColumn .filterBar
{
    width: 696px;
}
.filterBar .updated
{
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 100%;
    font-weight: bold;
    color: #1d1d1b;
}
.filterBar input
{
    position: relative;
    float: left;
    width: 195px;
    font-size: 100%;
    color: #000;
    margin: 0 7px 0 5px;
    padding: 3px 4px 2px 4px;
    border: 1px solid #aaadb2;
}
.filterBar select
{
    position: relative;
    float: left;
    font-size: 100%;
    color: #000;
    margin: 2px 5px 0 0;
    vertical-align: top;
}
.filterBar label
{
    float: left;
    margin: 3px 3px 3px 3px;
}

.filterBar .filterButton
{
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    text-align: center;
    font-size: 12px;
    transition: all 0.5s ease;
    background: #f57f29;
    font-weight: bold;
    text-decoration:none;
}
    
.filterBar .filterButton span
{
    font-size: 100%;
    display: inline-block;
}
.filterBar .filterButton:hover
{
    background: #f57f29;
    color: #000;
    border: 1px solid #333;
    font-weight: bold;
    text-decoration:none;
}

/* filter bar: date filter */
.dateFilter
{
    position: relative;
    left: 50%;
    float: left;
    clear: left;
    text-align: center;
}
.dateFilter .searchBy
{
    position: relative;
    right: 50%;
    float: left;
    font-size: 100%;
    font-weight: bold;
    color: #1d1d1b;
    margin: 4px 12px 0 0;
}
.dateFilter input
{
    position: relative;
    right: 50%;
    float: left;
    width: 65px;
    font-size: 100%;
    color: #000;
    margin: 0;
    padding: 3px 4px 2px 4px;
    border: 1px solid #aaadb2;
}
.dateFilter img
{
    position: relative;
    right: 50%;
    float: left;
    margin: 1px 8px;
}
.dateFilter .filterButton
{
    position: relative;
    right: 50%;
    float: left;
}

/* data table: type 1 */
.tableType1
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 15px 0;
}
.tableType1 thead th
{
    font-size: 68%;
    font-weight: bold;
    color: #000;
    line-height: 1em;
    text-align: right;
    vertical-align: top;
    padding: 9px 7px 7px 7px;
    background: #f3f3f3 url('images/table_head_bg.gif') 0 0 repeat-x;
}
.tableType1 tbody td
{
    font-size: 68%;
    font-weight: normal;
    color: #1d1d1b;
    text-align: right;
    vertical-align: top;
    padding: 2px 7px 2px 7px;
    background: #fff;
}
.tableType1 tfoot td
{
    font-size: 68%;
    font-weight: bold;
    color: #1d1d1b;
    text-align: right;
    vertical-align: top;
    padding: 6px 7px 6px 7px;
    background: #f3f3f3;
}

/* data table: type 2 */
.tableType2
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 15px 0;
    border-bottom: 18px solid #fff;
}
.tableType2 thead th
{
    font-size: 68%;
    font-weight: bold;
    color: #000;
    line-height: 1em;
    text-align: left;
    vertical-align: top;
    padding: 9px 15px 7px 15px;
    background: #f3f3f3 url('images/table_head_bg.gif') 0 0 repeat-x;
}
.tableType2 tbody td
{
    font-size: 68%;
    font-weight: normal;
    color: #1d1d1b;
    text-align: left;
    vertical-align: top;
    padding: 10px 15px 5px 15px;
    background: #fff;
}

/* data table: buttons */
.tableType2 td a
{
    position: relative;
    display: inline-block;
    font-weight: normal;
    color: #000;
    height: 22px;
    margin: 0 0 0 3px;
    padding: 0 3px 0 0;
    text-decoration: none;
    background: transparent url('images/button_greyonwhite_right.gif') 100% 0 no-repeat;
}
.tableType2 td a span
{
    font-size: 106%;
    display: block;
    line-height: 1em;
    padding: 5px 8px 7px 11px;
    background: transparent url('images/button_greyonwhite_left.gif') 0 0 no-repeat;
}
.tableType2 td a :hover
{
    text-decoration: none;
}

/* latest news */
.latestNews
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 696px;
    padding: 10px 15px 0 15px;
    background: #fff;
}
.newsItem
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 696px;
    margin: 0 0 10px 0;
}
.newsDate
{
    font-size: 68%;
    font-weight: normal;
    color: #1d1d1b;
    text-align: left;
    margin: 0 0 4px 0;
}
.newsSynopsis
{
    font-size: 68%;
    font-weight: normal;
    color: #1d1d1b;
    text-align: left;
}

/* side column */ /*ATM Summary*/
.sideColumn
{
    position: relative;
    overflow: hidden;
    float: right;
    width: 203px;
}
.sideColumn h1
{
    font-size: 82%;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 8px 0 8px 8px;
    background: #1d1d1b; 
}
.sideColumn h1.hidden
{
}

/* sideBlock */
.sideBlock
{
    position: relative;
    overflow: hidden;
    width: 203px;
    margin: 0 0 6px 0;
}
.sideBlock .sideBlockExpander
{
    width: 173px;
    font-size: 68%;
    font-weight: normal;
    color: #1d1d1b;
    text-align: left;
    padding: 10px 15px 10px 15px;
    background: #fff;
}

/* sideBlock: contacts */
.contactTable
{
    width: 173px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 8px 0 0 0;
    border-bottom: 1px solid #ddd;
}
.contactTable td
{
    text-align: left;
    vertical-align: top;
    padding: 0;
    font-size: 76%;
    padding-left: 5px;
    padding-bottom: 3px;
}
.addContact
{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 0 11px 0;
}
.addContact a
{
    position: relative;
    float: right;
    font-weight: normal;
    color: #000;
    height: 22px;
    margin: 0;
    padding: 0 3px 0 0;
    text-decoration: none;
    background: transparent url('images/button_greyonwhite_right.gif') 100% 0 no-repeat;
}
.addContact a span
{
    font-size: 106%;
    display: block;
    line-height: 1em;
    padding: 5px 8px 7px 11px;
    background: transparent url('images/button_greyonwhite_left.gif') 0 0 no-repeat;
}
.addContact a:hover
{
    text-decoration: none;
}

/* pop up */
.popUp
{
    position: relative;
    overflow: hidden;
    width: 405px;
    background: #fff;
    padding: 0 0 16px 0;
}
.popUp h1
{
    font-size: 82%;
    font-weight: bold;
    color: #fff;
    margin: 0 0 18px 0;
    padding: 8px 0 8px 15px;
    background: gray;
}

/* pop up: intro */
.popUp .intro
{
    position: relative;
    overflow: hidden;
    width: 380px;
    margin: 0 0 9px 0;
    padding: 0 0 0 16px;
}
.popUp .intro p
{
    font-size: 76%;
    font-weight: normal;
    color: #1d1d1b;
    margin: 0 0 13px 0;
    padding: 0;
}
.popUp .intro p.error
{
    font-size: 76%;
    font-weight: normal;
    color: #ff0000;
    margin: 0;
    padding: 0;
}
.popUp .intro ul
{
    list-style-type: disc;
    font-size: 76%;
    font-weight: normal;
    color: #ff0000;
    margin: 0 20px 5px 0;
    padding: 0;
}
.popUp .intro ul li
{
    margin: 0 0 2px 16px;
    padding: 0;
}

/* pop up: form */
.popUp .formRow
{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 7px 0;
    font-size: 72%;
    padding-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 25px;
}
.popUp .selector
{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 7px 0;
    font-size: 76%;
}
.popUp label
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 153px;
    font-weight: normal;
    color: #1d1d1b;
    text-align: right;
    margin: 0;
    padding-right: 19px;
}
.popUp .formRow label
{
    font-weight: bold;
}
.popUp .selector label
{
    font-weight: bold;
}
.popUp input.textBox
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 192px;
    font-size: 76%;
    font-weight: normal;
    color: #1d1d1b;
    margin: 0;
    padding: 3px 4px 2px 4px;
    border: 1px solid #b7bbbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    background-color: #EEEEEE;
}
.popUp input.checkBox
{
    position: relative;
    overflow: hidden;
    float: left;
    width: auto;
}
.popUp input.error
{
    border: 1px solid #ff0000;
}
.popUp select
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 200px;
    font-weight: normal;
    color: #1d1d1b;
}

.popUp .formButtons 
{
    position:relative; 
    overflow:hidden; 
    width:359px; 
    padding:11px 0 16px 16px;
 }

.popUp .formButtons a
{
    position: absolute;
    right: 25px;
    top: 6px;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    text-align: center;
    font-size: 12px;
    transition: all 0.5s ease;
    background: #f57f29;
    font-weight: bold;
}
    
.popUp .formButtons a span
{
    font-size: 100%;
    display: inline-block;
}
.popUp .formButtons a:hover
{
    background: #f57f29;
    color: #000;
    border: 1px solid #333;
    font-weight: bold;
}

/* pop up: other */
.popUp .forgotten
{
    position: relative;
    overflow: hidden;
    width: 359px;
    text-align: right;
    padding: 0 0 18px 16px;
}
.popUp .forgotten a
{
    font-size: 76%;
    font-weight: bold;
    color: #f79239;
    text-decoration: none;
}
.popUp .forgotten a:hover
{
    text-decoration: underline;
}
.popUp .footNote
{
    position: relative;
    overflow: hidden;
    width: 368px;
    margin: 0 8px 8px 8px;
    padding: 14px 11px 10px 11px;
    background: #e7e7e7;
}
.popUp .footNote p
{
    font-size: 68%;
    font-weight: normal;
    color: #1d1d1b;
    margin: 0 0 4px 0;
}
.popUp .closeButton
{
    overflow: hidden;
    position: absolute;
    right: 13px;
    top: 7px;
    font-size: 82%;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}


/* login */
.login
{
    position: relative;
    overflow: hidden;
    width: 940px;
    background: #f5f5f5;
    padding: 0 0 30px 0;
} 
.login h1
{
    font-size: 82%;
    font-weight: bold;
    color: #f79239;
    margin: 0 0 28px 0;
    padding: 8px 0 8px 15px;
    background: #1d1d1b;
} 
.login .loginFormColumn
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 380px;
    margin: 0;
    padding: 0 0 0 26px;
}

/* login: intro */
.login .intro
{
    position: relative;
    overflow: hidden;
    width: 380px;
    margin: 0 0 9px 0;
    padding: 0;
} 
.login .intro p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: normal;
    color: #1d1d1b;
    margin: 0 0 13px 0;
    padding: 0;
} 
.login .intro p.error
{
    font-size: 76%;
    font-weight: normal;
    color: #ff0000;
    margin: 0;
    padding: 0;
} 
.login .intro ul
{
    list-style-type: disc;
    font-size: 76%;
    font-weight: normal;
    color: #ff0000;
    margin: 0 20px 5px 0;
    padding: 0;
} 
.login .intro ul li
{
    margin: 0 0 2px 16px;
    padding: 0;
}

/* login: form */
.login .formRow
{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 7px 0;
} 
.login label
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 153px;
    font-size: 76%;
    font-weight: normal;
    color: #1d1d1b;
    text-align: right;
    margin: 0;
    padding: 4px 19px 0 0;
} 
.login input.textBox
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 192px;
    font-size: 76%;
    font-weight: normal;
    color: #1d1d1b;
    margin: 0;
    padding: 3px 4px 2px 4px; 
    border: 1px solid #b7bbbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    background-color: #EEEEEE;
} 
.login input.error
{
    border: 1px solid #ff0000;
} 

.login .formButtons
{
    position: relative;
    overflow: hidden;
    width: 359px;
    padding: 11px 0 16px 16px;
} 
.login .formButtons a
{
    position: relative;
    float: right;
    font-size: 76%;
    font-weight: normal;
    color: #000;
    height: 22px;
    margin: 0 0 0 6px;
    padding: 0 3px 0 0;
    text-decoration: none;
    background: transparent url('images/button_greyonwhite_right.gif') 100% 0 no-repeat;
} 
 
 .login .formButtons input
{
    position: relative;
    float: right;
    font-size: 76%;
    font-weight: normal;
    color: #000;
    height: 22px;
    margin: 0 0 0 6px;
    padding: 0 6px 0 6px;
}
 
.login .formButtons a span
{
    font-size: 106%;
    display: block;
    line-height: 1em;
    padding: 5px 8px 7px 11px;
    background: transparent url('images/button_greyonwhite_left.gif') 0 0 no-repeat;
}

.login .formButtons a:hover
{
    text-decoration: none;
}

/* login: other */
.login .forgotten
{
    position: relative;
    overflow: hidden;
    width: 359px;
    text-align: right;
    padding: 0 0 0 16px;
}
.login .forgotten a
{
    font-size: 76%;
    font-weight: bold;
    color: #f79239;
    text-decoration: none;
}
.login .forgotten a:hover
{
    text-decoration: underline;
}  
.login .helpBox
{
    position: relative;
    overflow: hidden;
    float: right;
    display: inline; /* ie6 bug fix */
    width: 416px;
    margin: 0 33px 0 0;
    padding: 21px 17px 17px 17px;
    background: #e7e7e7;
    font-family: Arial, Helvetica, sans-serif;
} 
.login .helpBox p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;
    font-weight: normal;
    color: #1d1d1b;
    margin: 0 0 4px 0;
}
.validation-summary-valid
{
    display: none;
}
.validation-summary-valid span
{
    font-size: 76%;
    font-weight: normal;
    color: #ff0000;
    margin: 0;
    padding: 0;
}
.validation-summary-errors span
{
    font-size: 76%;
    font-weight: normal;
    color: #ff0000;
    margin: 0;
    padding: 0;
}
.validation-summary-errors ul
{
    font-size: 76%;
    font-weight: normal;
    color: #ff0000;
}
tr.updatedRow td
{
    background-color: #f6a860;
}
select.wide
{
    width: 200px;
}
select.wide.expand
{
    min-width: 200px;
    width: auto;
    padding: 0px;
}
.dropDownWrapper
{
    width: 200px;
    overflow: hidden;
}
a.transDetailsButton
{
    text-decoration: underline;
    font-weight: bold;
    color: #f79239;
}
a.transDetailsButton:hover
{
    color: #a0a2a1;
}
.Summary
{
    width: 200px;
}
.Summary td
{
    vertical-align: middle !important;
}
.Status img
{
    text-align: left;
    width: 20px;
}
#tableatmAvailability th
{
    text-align: left;
}
#tableatmAvailability td
{
    text-align: left;
}
.SiteName
{
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.splitBottom
{
    border-bottom: 1px dotted #ccc;
}
.Export
{
    background: #ddd;
    font-size: 86%;
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
}
.Export a
{
    background: url('images/excel_ico.png') no-repeat;
    padding-left: 25px;
    padding-top: 8px;
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 86%;
    color: #000;
    height: 20px;
    vertical-align: bottom;
}
.tableType1 .align_left
{
    text-align: left !important;
}
.tableType1 .align_right
{
    text-align: right !important;
}

button
{
    position: relative;
    float: right;
    display: inline-block;
    color: #fff;
    padding: 6px 18px;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.5s ease;
    background: #f57f29;
    border: 1px solid #f57f29;
    font-weight: bold;
}
button span
{
    display: inline-block;
} 
button:hover
{
    background: #f57f29;
    color: #000;
    border: 1px solid #333;
    font-weight: bold;
}

.btnUserImpersonate
{
    position: absolute;
    display: inline-block;
    color: #fff;
    padding: 6px 18px;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.5s ease;
    background: #f57f29;
    border: 1px solid #f57f29;
    font-weight: bold;
}
.btnUserImpersonate span
{
    display: inline-block;
} 
.btnUserImpersonate:hover
{
    background: #f57f29;
    color: #000;
    border: 1px solid #333;
    font-weight: bold;
}

.anchorButton
{
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 4px 8px;
    text-align: center;
    font-size: 12px;
    transition: all 0.5s ease;
    background: #f57f29;
    font-weight: bold;
    text-decoration:none;
}
.anchorButton span
{
    font-size: 100%;
    display: inline-block;
}
.anchorButton:hover
{
    background: #f57f29;
    color: #000;
    border: 1px solid #333;
    font-weight: bold;
    text-decoration:none;
}